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

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

  • Avatar: 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!

    2 Answers
    Avatar: Rose Tyler
    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

    Avatar: Meuble de France
    Meuble de France
    Participant
    March 28, 2022 at 23:53

    Many Thanks! The problem is perfectly solved

  • 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

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.