Return to previous page

Fewer items in a row in a grid at low resolution

This topic has 3 replies, 2 voices, and was last updated 3 years ago ago by Goostaf

Goostaf

Participant

December 22, 2021 at 21:12

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?

Please, contact administrator
for this information.

#312877 Copied Theme version: 1

2 Answers
Olga Barlow

Support staff

December 23, 2021 at 11:13
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
#312907 Copied
Goostaf

Participant

December 23, 2021 at 11:17

Super, thank you very much!

#312909 Copied
Tagged: best selling, fewer items, grid, low resolution, themes, woocommerce
Viewing 3 results - 1 through 3 (of 3 total)

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

Fewer items in a row in a grid at low resolution

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection