Return to previous page

Shop page : How to display one product per row when on mobile version?

This topic has 3 replies, 3 voices, and was last updated 3 months, 3 weeks ago ago by Andrew Mitchell

SS

Participant

June 5, 2024 at 13:25

Dear Team Support,

I’d like to ask if it’s possible to display one product per row at Shop page when on mobile version?
Currently, it’s showing 2 products per row. See screenshot.

Thanks!

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#398252 Copied Theme version: 9.3.10

2 Answers
Tony Rodriguez

Support staff

June 5, 2024 at 13:49
Hello, @SS,

Thank you for contacting us and for using XStore.

We would like to kindly request that you adjust the display settings for your mobile site version to show one product per row. To implement this change, please insert the following CSS code into your website’s configuration:

1. Navigate to Xstore > Theme Options > Theme Custom CSS > Global CSS.
2. Insert the following code:
```
@media only screen and (max-width: 767px) {
    .products-grid .product {
        width: 100% !important; 
    }
}
```
You can preview the expected outcome by visiting this link: (https://paste.pics/edit/R3VAS)

We trust this adjustment will enhance the display and functionality of your site on mobile devices. Should you need any further assistance or have questions regarding this process, please feel free to contact us. We are here to support you.

Best regards,
The 8Theme Team
#398260 Copied
Andrew Mitchell

Support staff

June 16, 2024 at 16:36

Dear SS,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#400100 Copied
Tagged: mobile display woocommerce, mobile woocommerce customization, one product per row, responsive woocommerce themes, shop page optimization, wordpress woocommerce themes
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Shop page : How to display one product per row when on mobile version?’' has been successfully resolved, and the topic is now closed for further responses

Shop page : How to display one product per row when on mobile version?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection