How Can I make two products per row on the mobile version

This topic has 7 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Rose Tyler

  • Avatar: Freelancer
    Freelancer
    Participant
    June 21, 2022 at 11:31

    How Can I make two products per row on the mobile version?

    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 21, 2022 at 12:11

    Hello,

    Add the next code in Theme Options > Theme custom CSS > Global:

    @media only screen and (max-width: 320px) {
        .products-grid .product, .products-list .product {
            width: 50%;
        }
    }

    Regards

    Avatar: Freelancer
    Freelancer
    Participant
    June 21, 2022 at 12:40

    Another problem sorry, when I open the mobile device. it loads AMP Version.how could I disable that

    Avatar: Freelancer
    Freelancer
    Participant
    June 21, 2022 at 12:45

    And btw, it fixed on the shop page, but on the home page, still one product per row

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 21, 2022 at 12:49

    Go to PLugins > disable AMP plugin.
    On Home page > in settings of Products element > select products per view for mobile.

    Regards

    Avatar: Freelancer
    Freelancer
    Participant
    June 21, 2022 at 12:56

    Didn´t get that, am sorry : On Home page > in settings of Products element > select products per view for mobile.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 21, 2022 at 15:30

    https://prnt.sc/bR6mUAhoD_oO
    For categories, add the next code in Theme Options > Theme custom CSS > Mobile:

    .categories-grid .product-category {
        width: 50%;
    }

    Regards

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

The issue related to '‘How Can I make two products per row on the mobile version’' 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.