Return to previous page

Make Mobile Page Product category archives single column

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

nate p

Participant

September 2, 2021 at 19:39

Hi is there a way to make the product lists one column instead of two on mobile? I have serious mobile validation issues since switching themes, things are too close together etc.

Right now it shows two columns on mobile I would like it to only show one.

#301133 Copied Theme version: 8.0.1 WooCommerce version: 5.5.2

2 Answers

nate p

Participant

September 3, 2021 at 02:48

I added product classes custom css width 100%, but it is overridden making width 50% again.

#301148 Copied
Rose Tyler

Support staff

September 3, 2021 at 08:22
Hello,

Add the next code in Theme Options > Theme Custom CSS > Custom CSS for mobile:

.shop-full-width .products-grid .product { width: 100% !important; }

Regards
#301164 Copied
Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Marketing – WordPress WooCommerce Theme

lazy-placeholder

Luxury Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

Home Decor Store – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress Theme

lazy-placeholder

Organic Cosmetics Store – WordPress WooCommerce Theme

lazy-placeholder

Man Store – WooCommerce Theme

lazy-placeholder

Wedding – WordPress Theme

lazy-placeholder

NFT Crypto Marketplace – WordPress WooCommerce Theme

lazy-placeholder

Business Card – WordPress Theme

lazy-placeholder

Books Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.