Return to previous page

How to view 1 product on mobile ? - by Domenico

This topic has 5 replies, 2 voices, and was last updated 4 years, 1 months ago ago by Rose Tyler

Domenico

Participant

January 25, 2021 at 09:30

how to display one product per row on mobile devices ?

#270028 Copied Theme version: 7.2.3 WooCommerce version: 4.9.1

4 Answers
Rose Tyler

Support staff

January 25, 2021 at 09:37
Add this code in Theme Options > Theme Custom CSS > Custom CSS for mobile:

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

Regards
#270033 Copied
Domenico

Participant

January 25, 2021 at 09:45

I did it but it doesn’t work

#270037 Copied

Domenico

Participant

January 25, 2021 at 09:50

i use
.products-grid .product {
width: 100% !important;
}

#270038 Copied

Rose Tyler

Support staff

January 25, 2021 at 10:05

I am glad that you sorted it out.

Regards

#270041 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to view 1 product on mobile ?’' has been successfully resolved, and the topic is now closed for further responses

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Web Agency – WordPress WooCommerce Theme

lazy-placeholder

Spa – WordPress WooCommerce Theme

lazy-placeholder

Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Restaurant – WordPress WooCommerce Theme

lazy-placeholder

WooPress Fullwidth

lazy-placeholder

Corporate – WordPress Theme

lazy-placeholder

Baby Shop – WordPress WooCommerce Theme

lazy-placeholder

Wedding – WordPress Theme

lazy-placeholder

Rental Car – WordPress WooCommerce Theme

lazy-placeholder

Real Estate – 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.