Return to previous page

Responsive number of products per row on shop page (product archive)

This topic has 3 replies, 2 voices, and was last updated 2 years, 1 months ago ago by Meuble de France

Meuble de France

Participant

March 27, 2022 at 11:31

Hello!

I just would like to know how could I get 1 product per row on the mobile shop page and 3 products per row on the desktop shop page?

I’m using WPBakery.

Many Thanks!

#320664 Copied Theme version: 4.1.2.1 WooCommerce version: Version 6.3.1

2 Answers
Rose Tyler

Support staff

March 27, 2022 at 12:31
Hello,

Theme options > WooCommerce > Products catalog > Products Per Row.
Add the next code in Theme Options > Theme custom CSS > Mobile:
```
.products-grid .product {
    width: 100% !important; 
}
```
Regards
#320667 Copied
Meuble de France

Participant

March 28, 2022 at 23:53

Many Thanks! The problem is perfectly solved

#320771 Copied
Tagged: archive, best, number, page, product, products, responsive, selling, shop, themes, woocommerce
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Responsive number of products per row on shop page (product archive)’' has been successfully resolved, and the topic is now closed for further responses

Responsive number of products per row on shop page (product archive)

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection