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

Solved2 replies2 participantsUpdated by Daniel Partadzhiev

  • Avatar: Daniel Partadzhiev
    Daniel Partadzhiev
    Participant

    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.
    #280478 Copied Theme version: 7.2.5

    2 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    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

    #280479 Copied
    Avatar: Daniel Partadzhiev
    Daniel Partadzhiev
    Participant

    Hello,

    Thank you. The code did the trick 🙂

    #280482 Copied

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