This topic has 7 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Rose Tyler
How Can I make two products per row on the mobile version?
Hello,
Add the next code in Theme Options > Theme custom CSS > Global:
@media only screen and (max-width: 320px) {
.products-grid .product, .products-list .product {
width: 50%;
}
}
Regards
Another problem sorry, when I open the mobile device. it loads AMP Version.how could I disable that
And btw, it fixed on the shop page, but on the home page, still one product per row
Go to PLugins > disable AMP plugin.
On Home page > in settings of Products element > select products per view for mobile.
Regards
Didn´t get that, am sorry : On Home page > in settings of Products element > select products per view for mobile.
https://prnt.sc/bR6mUAhoD_oO
For categories, add the next code in Theme Options > Theme custom CSS > Mobile:
.categories-grid .product-category {
width: 50%;
}
Regards
The issue related to '‘How Can I make two products per row on the mobile version’' has been successfully resolved, and the topic is now closed for further responses