how can i change the number of products per row from the desktop version to the mobile version?
I would like to see 3 products in a row in the desktop version while only one in the mobile version.
This topic has 3 replies, 2 voices, and was last updated 4 years, 8 months ago ago by IMDL
how can i change the number of products per row from the desktop version to the mobile version?
I would like to see 3 products in a row in the desktop version while only one in the mobile version.
Hello,
Go to Theme Options > WooCommerce > Product catalog > set 3 products per row – it’s for the desktop version. To show 1 product for the mobile for the shop add the below custom to Theme Options > Custom CSS
@media only screen and (max-width: 480px){
.products-grid .product {
width: 100%;
}
}
Regards
Great, stupid me for not thinking about it before.
Thanks, a kiss from Italy
The issue related to '‘Change shop layout from desktop to mobile’' has been successfully resolved, and the topic is now closed for further responses