Avisos
Vaciar todo

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

17 Respuestas
3 Usuarios
0 Reactions
190 Visitas
Respuestas: 524
Honorable Member
Topic starter
 

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


 
Respondido : 08/06/2019 10:32 pm
Respuestas: 524
Honorable Member
Topic starter
 

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


 
Respondido : 13/06/2019 12:19 am
Bulmaro
Respuestas: 4380
Famed Member 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.


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