Return to previous page

Product per row on product catalog for mobile view

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

NinjaEB

Participant

July 4, 2023 at 01:54

how do customise mobile and desktop product per row for product catalog

can we set desktop product catalog – product per row as 3
and mobile to 1?

https://imgur.com/a/X2IHJms

as when product per row for mobile with more than 1 is a bit too small. https://imgur.com/a/zoaDhkM

#361127 Copied Theme version: 9.1.8

3 Answers
Tony Rodriguez

Support staff

July 4, 2023 at 05:56
Hello @NinjaEB,

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;
    }
}
```
Best Regards,
8Theme’s Team
#361135 Copied
NinjaEB

Participant

July 4, 2023 at 13:48

thanks, it works like charm.

#361188 Copied

Tony Rodriguez

Support staff

July 5, 2023 at 08:17

Hello, @NinjaEB,

We appreciate your feedback and are glad to know that you are satisfied with our product and services.

We kindly request you to consider leaving a 5-star rating for our theme and customer and technical support by visiting http://themeforest.net/downloads. Your feedback and positive review would not only help us improve our product but also encourage us to provide better support in the future. It means a lot to us and we are grateful for your support.

If you have any further queries or concerns, please feel free to contact us anytime. We are always here to assist you.

Thank you again for choosing our product and services.

This topic is now closed!

Best regards,
8Theme’s Team.

#361240 Copied
Tagged: best selling, mobile view, product, product catalog, themes, woocommerce
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Product per row on product catalog for mobile view’' has been successfully resolved, and the topic is now closed for further responses

Product per row on product catalog for mobile view

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection