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

Baby Shop – WordPress WooCommerce Theme

lazy-placeholder

Books Store – WordPress WooCommerce Theme

lazy-placeholder

WooPress – WooCommerce WordPress Theme

lazy-placeholder

Car Parts Store – WordPress WooCommerce Theme

lazy-placeholder

Bags Store – WooCommerce Theme

lazy-placeholder

Marseille 01 – WordPress WooCommerce Theme

lazy-placeholder

Underwear Store – WordPress WooCommerce Theme

lazy-placeholder

Spa – WooCommerce Theme

lazy-placeholder

Spice Store – WordPress WooCommerce Theme

lazy-placeholder

Web Agency – 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.