Return to previous page

How can we change the number of columns for mobile shop page

This topic has 4 replies, 2 voices, and was last updated 10 months ago ago by Rose Tyler

Creatica

Participant

February 21, 2024 at 14:24

Hi, now in the shop page the columns are 2. We would like to make it 1 column for mobile. How can we achieve that?

#384208 Copied Theme version: 9.2.6

3 Answers

Rose Tyler

Support staff

February 21, 2024 at 15:01

Hello, Creatica,

Thank you for contacting us and for using XStore.

Could you kindly provide us with the URL of your Shop page? This will enable us to assist you more effectively.

Thank you for your cooperation.

Best Regards,
8Theme’s Team

#384223 Copied

Creatica

Participant

February 21, 2024 at 15:08

Hello,
yes here it is https://bellamia.bg/magazin/

#384226 Copied
Rose Tyler

Support staff

February 21, 2024 at 15:17
Hello, Creatica,

We appreciate your prompt response.

We kindly request that you insert the following CSS code snippet into your website. Please navigate to Theme Options, then select Theme Custom CSS, and finally, input the code under the Mobile section:
```
.products-grid .product, .products-list .product {
    width: 100% !important;
}
```
Should the implementation of this code not yield the anticipated outcome, we would appreciate it if you could provide us with access to the wp-admin panel to further investigate and resolve the issue.

Thank you for your cooperation and assistance in this matter.

Best Regards,
8Theme’s Team
#384229 Copied
Tagged: change columns number, customize woocommerce, mobile responsive design, mobile shop page, woocommerce themes, wordpress, wordpress tutorials
Viewing 4 results - 1 through 4 (of 4 total)