Mostrar dos productos por fila

  • Hola, necesito mostrar dos productos por fila de forma horizontal, estuve leyendo y encontré el siguiente código;

    .woocommerce ul.products li.product {
    width: 50%;
    float: left;
    }

    pero no me funciona, los productos de muestran de uno por fila se reduce el tama?o pero se sigue mostrando de forma vertical, ayuda por favor, gracias

    Hello, I need to display two products per row horizontally, I was reading and I found the following code;

    .woocommerce ul.products li.product {width: 50%;float: left;}

    but it doesn’t work for me, the products are displayed one per row, the size is reduced but it continues to be displayed vertically, please help, thank you

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter eloz

    (@eloz)

    help meeee!!

    Hi, we cannot access the link you provided, it load endlessly. However try with this css code

    @media only screen
and (max-device-width : 767px) {
ul.products {
  grid-template-columns: repeat(2, 1fr);
}
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mostrar dos productos por fila’ is closed to new replies.