Return to previous page

Product archive view for different devices

This topic has 2 replies, 2 voices, and was last updated 11 months, 3 weeks ago ago by Tony Rodriguez

Focu5

Participant

November 16, 2023 at 13:05

Hello, for desktop we had set to show 3 columns of products, for tablet showing 2 product columns, for mobile also show 2 columns how for mobile we can channge to show 1 columns product?

#373915 Copied Theme version: 9.2.3 WooCommerce version: 8.2.1

1 Answer
Tony Rodriguez

Support staff

November 16, 2023 at 13:13
Hello, @Focu5,

Thank you for contacting us and for using XStore.

how for mobile we can channge to show 1 columns product?

To achieve this, you can insert the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. Afterward, please ensure to clear your browser cache to see the changes:
```
@media only screen and (max-width: 500px){
.products-grid .product {
width: 100% !important;
}
}
```
We trust this will address your concern.

Best Regards,
8Theme’s Team
#373916 Copied
Tagged: best selling woocommerce themes, mobile-friendly woocommerce themes, premium woocommerce templates, product archive view, responsive woocommerce themes, top rated ecommerce themes, woocommerce themes for devices
Viewing 2 results - 1 through 2 (of 2 total)