Return to previous page

Make Mobile Page Product category archives single column

This topic has 3 replies, 2 voices, and was last updated 2 years, 7 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

Phone Service – WordPress WooCommerce Theme

lazy-placeholder

Finances – WordPress WooCommerce Theme

lazy-placeholder

Organic Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Hemp & CDB – WordPress WooCommerce Theme

lazy-placeholder

Electron Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store – WooCommerce Theme

lazy-placeholder

Ecotransport Store – WordPress WooCommerce Theme

lazy-placeholder

Pet Shop – WordPress WooCommerce Theme

lazy-placeholder

Electronic Mega Market – WordPress WooCommerce Theme

lazy-placeholder

Barbershop – 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.