Return to previous page

I want to display all the product in one column instead of 2 columns in mobile

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

Sagar

Participant

September 21, 2023 at 20:33

I cannot find the settings to make 1 column products in shop settings, please help

#368198 Copied Theme version: 9.1.14 WooCommerce version: 8.1.1

2 Answers

Sagar

Participant

September 21, 2023 at 20:40

https://ibb.co/frBCBdS

#368200 Copied
Tony Rodriguez

Support staff

September 22, 2023 at 06:05
Hello, @Sagar,

Thank you so much for purchasing our theme and contacting our support center.

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
#368210 Copied
Tagged: display products, mobile view optimization, one column mobile, product display customization, woocommerce mobile layout, woocommerce templates, wordpress
Viewing 3 results - 1 through 3 (of 3 total)