Pregunta sobre Storefront de Wordpress:

Muestre 2 columnas de producto en cada dispositivo, por debajo de 800 p铆xeles de ancho de pantalla

Un usuario pregunt贸 馃憞

Trat茅 de modificar Header.php, haciendo un tema hijo

(@senff)

Hace 9 meses, 2 semanas

Si se agrega el siguiente c贸digo CSS, las p谩ginas de la lista de productos muestran dos columnas en todos los dispositivos con pantallas de menos de 800 p铆xeles de ancho (anulando cualquier otra configuraci贸n en Storefront):

@media screen and (max-width: 800px) {
   .site-main ul.products li.product {
     width: 48% !important;
     margin-right: 0 !important;
     clear: none !important;
     float: left;
   }

   .site-main ul.products li.product:nth-of-type(2n+1) {
     clear: both !important;
     margin-right: 4% !important;
   } 
}

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *