Return to previous page

How to show single column Product for default shop Page on Mobile devices

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

Kelly

Participant

December 1, 2017 at 09:12

Hi,
I am using the default setting for shop page (Setting done in theme option only).
On desktop or laptop it show 3 column of product per row.

But in mobile devices, it show 2 column. How to make it show only 1 column per row on mobile devices?

Thank you.

Please, contact administrator
for this information.

#179077 Copied

3 Answers
Rose Tyler

Support staff

December 1, 2017 at 09:34
Hello,

You may add this code in Theme Options > Styling > Custom css > Custom css for mobile:
```
.shop-full-width .products-grid.row-count-2 .product, 
.shop-full-width .products-grid.row-count-3 .product, 
.shop-full-width .products-grid.row-count-4 .product, 
.shop-full-width .products-grid.row-count-5 .product, 
.shop-full-width .products-grid.row-count-6 .product {
	width: 100%;
}
```
Regards
#179080 Copied
Kelly

Participant

December 1, 2017 at 14:38

Thank you! It works.

#179127 Copied

Rose Tyler

Support staff

December 1, 2017 at 14:57

You’re welcome!

Regards

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

The issue related to '‘How to show single column Product for default shop Page on Mobile devices’' has been successfully resolved, and the topic is now closed for further responses

How to show single column Product for default shop Page on Mobile devices

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection