matibrasili

Can you give me your link so I can take a look at it?
My site is https://www.jugueteriadelicias3.com.ar you can check it’s working right on Mobile.
With “@media (max-width: 768px) {” I’m telling the site that if you are viewing my webpage on a small screen (up to 768 px) do de code below. Else (on a laptop or other big devices) don’t do it.

/*Filters above the page, no below products*/
@media( max-width: 767px ) {
.woocommerce.post-type-archive .module-small-shop .container {
display: table;
}

.woocommerce.post-type-archive .module-small-shop .container .shop-with-sidebar {
display: table-footer-group;
}
}

/*2 rows products on mobile*/
@media (max-width: 768px) {
ul.products li.product{
width: 48%!important;
float: left!important;
clear: both;
}

ul.products li.product:nth-child(2n) {
clear: none;
float: right;
}
}

YOU ARE WELCOME!:)

Tis is how i do it using a add CSS plugin! copy and paste the code below

/*Filters above the page, no below products*/
@media( max-width: 767px ) {
.woocommerce.post-type-archive .module-small-shop .container {
display: table;
}

.woocommerce.post-type-archive .module-small-shop .container .shop-with-sidebar {
display: table-footer-group;
}
}

/*2 rows products on mobile*/
@media (max-width: 768px) {
ul.products li.product{
width: 48%!important;
float: left!important;
clear: both;
}

ul.products li.product:nth-child(2n) {
clear: none;
float: right;
}
}

perfect! thanks!

i have the same problem, is it possible to put 2 products per row on mobile, also change filters and search and category selection on top?

https://www.jugueteriadelicias3.com.ar/tienda/

But this doesn’t happend with other themes. So, it should be related to the theme. I didnt want to change the code, in order not to lose the updates…

https://gambler.com.ar/beers/patagonia-kune/
https://gambler.com.ar/beers/negra-modelo/
etc…
Sorry for the delay, i didnt get a notification!

Erin,
hi! the theme is astrid :/