Return to previous page

How to Set Mobile Product Row to 1 instead of 2

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

R00FTOPFIDDLER

Participant

November 22, 2023 at 07:34

I have been using this theme for years. I havent in quite some time, but I remember being able to change the product rows on mobile. I have tried very hard to find it just now and cannot find where to do this now.

I like the 3 rows for desktop and my mobile is currently set to 2 but it is too hard to see my designs and I need it to be 1 row.

#374362 Copied Theme version: 9.2.4

1 Answer
Tony Rodriguez

Support staff

November 22, 2023 at 11:25
Hello, @R00FTOPFIDDLER,

Thank you for contacting us and for using XStore.

1/ For mobile, 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;
}
}
```
2/ We would like to guide you through the process of displaying three products in a row on the desktop version of your website. Kindly proceed to the following location within your admin panel:

1. Access ‘XStore’ from the main menu.
2. Select ‘Theme Options’.
3. Click on ‘Woocommerce’.
4. Navigate to ‘Shop’ and then to ‘Shop page layout’.
5. Here, you will find the options ‘Set default view’ and ‘Default View (Category Pages)’.

Please adjust these settings according to your preferences and ensure to save the changes by clicking ‘Publish’.

For your convenience, we have provided an image as a visual reference to assist you with this process. https://ibb.co/crsPD4m

We trust this will address your concern.

Best Regards,
8Theme’s Team
#374399 Copied
Tagged: changing product row woocommerce, mobile product row settings, optimize mobile view woocommerce, single product row mobile, woocommerce themes customization, woocommerce wordpress tutorial, wordpress woocommerce guide
Viewing 2 results - 1 through 2 (of 2 total)