Return to previous page

I want to say to show only one product on phone

This topic has 2 replies, 2 voices, and was last updated 1 years, 2 months ago ago by Tony Rodriguez

Lucas

Participant

January 21, 2023 at 00:49

Hello,

I have now 2 product per line for deskop, tablet and phone but i would like only one for mobile. Can you tell me where i can fix this ?

Thanks

#344553 Copied Theme version: 7.2.2

1 Answer
Tony Rodriguez

Support staff

January 21, 2023 at 05:38
Hello, @Lucas,

We regret to inform you that there is no option available in our theme for the product columns on the mobile version only. However, you can achieve this by using Custom CSS. Please copy and paste the following CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and then clear your browser cache.
```
@media only screen and (max-width: 480px){
.products-grid .product {
    width: 100% !important;
}
}
```
We hope this helps.

Best Regards,
8Theme’s Team
#344559 Copied
Tagged: phone, product, showing, themes, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Furniture Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Car Parts Store – WordPress WooCommerce Theme

lazy-placeholder

Coffee Store – WordPress WooCommerce Theme

lazy-placeholder

Church – WordPress Theme

lazy-placeholder

SEO Agency – WordPress WooCommerce Theme

lazy-placeholder

Yoga Accessories – WordPress WooCommerce Theme

lazy-placeholder

Spa – WordPress WooCommerce Theme

lazy-placeholder

Language Courses – WordPress WooCommerce Theme

lazy-placeholder

Minimalist Outfits – WordPress WooCommerce Theme

lazy-placeholder

Niche Market – Multivendor WP 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.