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??

SíNo

0 / 0