How to change the products' layout on a mobile device? | Tea theme

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

  • Avatar: Daniel Partadzhiev
    Daniel Partadzhiev
    Participant
    March 22, 2021 at 16:55

    Hello,

    We are using the Tea theme. We would like to know is it possible to show only one product per row on a mobile device. Now 2 products are shown. Thanks.

    Please, contact administrator
    for this information.
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 22, 2021 at 17:00

    Hello,

    Thanks for using our theme.
    Try to add the next code in Theme Options > Theme custom CSS > Custom CSS for mobile:

    .products-grid .product {
        width: 100%;
    }

    Regards

    Avatar: Daniel Partadzhiev
    Daniel Partadzhiev
    Participant
    March 22, 2021 at 17:08

    Hello,

    Thank you. The code did the trick 🙂

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

The issue related to '‘How to change the products' layout on a mobile device? | Tea theme’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

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