This topic has 3 replies, 2 voices, and was last updated 3 years ago ago by Goostaf
Hello, in the “Grid” product list, you cannot change the number of products in a row for different devices? For example, you noticed that at a resolution of 1024px, the entire layout climbs, you can not reduce the number here, for example, not 6 products, but 4 already?
Hello,
Nope, we don’t have such option.
But you may add the below code to custom CSS to display 3 products per row for that resolution
@media (max-width: 1200px) and (min-width: 993px){
.row-count-6 .product:nth-child(6n+1) {
clear: none !important;
}
.row-count-6 .product:nth-child(3n+1) {
clear: both !important;
}
.row-count-6 .product {width: 33.33%}
}
Regards
Super, thank you very much!
Tagged: best selling, fewer items, grid, low resolution, themes, woocommerce
The issue related to '‘Fewer items in a row in a grid at low resolution’' has been successfully resolved, and the topic is now closed for further responses