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, 5 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

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.