Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2  

Página 2 / 2
 
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

buenas tardes
por favor como puedo hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2??
asi como el adjunto 3

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 08/06/2019 11:32 pm
Jaime Erdulfo
 Jaime Erdulfo
Honorable Member

HE INTENTADO CON LOS VALORES DE WOOCOMMERCE PERO NO SE PUEDE

EL CAMBIO DE LAS 4 COLUMNAS SE VISUALIZADO CUANDO ME FACILITARON ESTE CODIGO
.archive.woocommerce-page .rightsidebar #main .entry-content{
width:100%;
}

@media(min-width:769px){
.archive.woocommerce-page ul.products li.product {
width: 24%!important;
float: left!important;
clear: none!important;
margin-right: 1%!important;
}
}

AHI RECIEN DESDE UNA COMPUTADORA SE PUDO MOSTRAR COLUMNA DE 4, COMO HARIA PASARLO A COLUMNA DE 3

ResponderCitar
Respondido : 13/06/2019 1:19 am

Cursos Gratuitos WordPress

Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Jaime,

Modifica el CSS siguiente por favor:

@media (min-width: 769px)
.archive.woocommerce-page ul.products li.product {
    width: 24%!important;
    float: left!important;
    clear: none!important;
    margin-right: 1%!important;
}

Por el siguiente:

@media (min-width: 769px){
.archive.woocommerce-page ul.products li.product {
    width: 32% !important; //Modifica el tamaño que ocupa cada producto.
    float: left !important;
    clear: none !important;
    margin-right: 1% !important;
   }
}

Saludos.

ResponderCitar
Respondido : 13/06/2019 8:05 am
Página 2 / 2