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

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

Rok replied in
Importing files. need more access to custom fileds 43 minutes ago 5
Yahoo Souq replied in
My website is loading very slow after enter URL it stuck and then suddenly load 55 minutes ago 2
Yahoo Souq started a topic
many times i apply 8 patches but still coming back 56 minutes ago 1
Umar Ijaz started a topic
Demo theme is not loading properly with data and style 4 hours ago 1

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

Recent Community Activity

Rok replied in

Yahoo Souq replied in

Yahoo Souq started a topic

Umar Ijaz started a topic

Helpful Topics

Browse by popular tags

Explore our best WordPress WooCommerce Themes collection