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

Landing Watch – WordPress WooCommerce Theme

lazy-placeholder

Ecotransport Store – WordPress WooCommerce Theme

lazy-placeholder

Marseille 02 – WordPress WooCommerce Theme

lazy-placeholder

Spice Store – WordPress WooCommerce Theme

lazy-placeholder

Language Courses – WordPress WooCommerce Theme

lazy-placeholder

Animals Store – WooCommerce Theme

lazy-placeholder

Marseille04 – WordPress WooCommerce Theme

lazy-placeholder

Hipster Store – WordPress WooCommerce Theme

lazy-placeholder

Cosmetics Store – WooCommerce Theme

lazy-placeholder

Restaurant – 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.