Return to previous page

How can I display a shop page on cellphone in 2 columns and not just 1?

This topic has 3 replies, 2 voices, and was last updated 7 months ago ago by mariangio

mariangio

Participant

September 25, 2023 at 04:05

How can I display a shop page on cellphone in 2 columns and not just 1?

#368431 Copied Theme version: 9.1.13 WooCommerce version: 7.6

2 Answers
Tony Rodriguez

Support staff

September 25, 2023 at 05:16
Hello, @mariangio,

Thank you for using our theme and for contacting us.

1) To display one product per row on mobile devices, please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache to view the changes:
```
@media only screen and (max-width: 500px){
.products-grid .product {
width: 100% !important;
}
}
```
2) To display two products per row on the mobile version, please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache to view the changes:
```
@media only screen and (max-width: 500px){
.products-grid .product{
width: 50% !important;
}
}
```
We appreciate your business and thank you for your patience.

Best Regards,
8Theme’s Team.
#368432 Copied
mariangio

Participant

September 25, 2023 at 10:11

Thanks

#368455 Copied
Tagged: 2 columns, cellphone layout, mobile optimization, responsive design, shop page display, woocommerce themes, wordpress
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘How can I display a shop page on cellphone in 2 columns and not just 1?’' has been successfully resolved, and the topic is now closed for further responses

How can I display a shop page on cellphone in 2 columns and not just 1?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection