Return to previous page

How to change the number of products per row on shop/category page for mobile?

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

Graham

Participant

July 17, 2018 at 00:15

Hi there,

I’m just wondering if it possible to change the number of products per row on category pages —For mobile view? (i.e — One product per row on mobile category pages)

I have checked in the Theme > Customize, and Theme Options, but nothing figured out.

Can you please kindly advise? Do I have to add Custom CSS?

Thanks very much.
Regards
Graham

Please, contact administrator
for this information.

#196778 Copied Theme version: LATEST WooCommerce version: Latest Version

3 Answers
Rose Tyler

Support staff

July 17, 2018 at 07:28
Hello,

Please try to add this code in Theme Options > Styling > Custom css > Custom css for mobile:
```
.products-grid .product {
    width: 100%;
}
```
Regards
#196786 Copied
Graham

Participant

July 17, 2018 at 20:36

Thank you,

Thank works perfect!

Have a Nice day 🙂

Regards

#196875 Copied

Rose Tyler

Support staff

July 18, 2018 at 07:14

You’re welcome!
Have a nice day too.

Regards

#196882 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How to change the number of products per row on shop/category page for mobile?’' has been successfully resolved, and the topic is now closed for further responses

How to change the number of products per row on shop/category page for mobile?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection