Return to previous page

Products in row | shop/category page??? - by omandaisy

This topic has 4 replies, 2 voices, and was last updated 1 years, 10 months ago ago by Tony Rodriguez

omandaisy

Participant

January 19, 2023 at 09:06

Hello,

How I display only 1 product each row on shop and category page ?? I mean on mobile version

#344361 Copied Theme version: .1.0

3 Answers

Tony Rodriguez

Support staff

January 19, 2023 at 09:14

Hello @omandaisy,

We suggest that you go to XStore >> Theme Settings >> WooCommerce >> Product Catalog to adjust the “Products Per Row” setting according to your needs. For your reference, please see the screenshot provided here: https://ibb.co/ftgdrSY

We hope this helps.

Best Regards,
8Theme’s Team

#344363 Copied

omandaisy

Participant

January 19, 2023 at 10:03

this is not working on mobile view please check screenshot

Please contact administrator
for this information.

#344368 Copied
Tony Rodriguez

Support staff

January 19, 2023 at 10:10
Hello @omandaisy,

In order to set the single product column on the shop page for mobile, you will need to use a Custom CSS code. Please try the following CSS code, which you can copy and paste under Xstore >> Theme Settings >> Theme Custom CSS >> Global CSS. After doing so, please clear the mobile browser cache and check back on your site.
```
@media only screen and (max-width: 767px){
.woocommerce-shop .products-grid .product {
    width: 100% !important;
}
}
```
Best Regards,
8Theme’s Team
#344370 Copied
Tagged: best selling, category page, ecommerce, online shopping, products in row, shop, woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)