Change shop layout from desktop to mobile

This topic has 3 replies, 2 voices, and was last updated 4 years, 8 months ago ago by IMDL

  • Avatar: IMDL
    IMDL
    Participant
    April 20, 2021 at 14:47

    how can i change the number of products per row from the desktop version to the mobile version?
    I would like to see 3 products in a row in the desktop version while only one in the mobile version.

    2 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    April 20, 2021 at 19:20

    Hello,

    Go to Theme Options > WooCommerce > Product catalog > set 3 products per row – it’s for the desktop version. To show 1 product for the mobile for the shop add the below custom to Theme Options > Custom CSS

    @media only screen and (max-width: 480px){
        .products-grid .product {
            width: 100%;
        }
    }

    Regards

    Avatar: IMDL
    IMDL
    Participant
    April 21, 2021 at 08:06

    Great, stupid me for not thinking about it before.
    Thanks, a kiss from Italy

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Change shop layout from desktop to mobile’' has been successfully resolved, and the topic is now closed for further responses

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