Return to previous page

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

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

    Hello,

    Thank you. The code did the trick 🙂

    #280482 Copied
  • 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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sport Store – WordPress WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme

See All Templates

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