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, 2 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

Designers – WordPress WooCommerce Theme

lazy-placeholder

Underwear – WooCommerce Theme

lazy-placeholder

Royal – WooCommerce WordPress Theme

lazy-placeholder

Gaming – WooCommerce Theme

lazy-placeholder

Pizza Store – WordPress WooCommerce Theme

lazy-placeholder

Headphone Store – WordPress WooCommerce Theme

lazy-placeholder

Kids Store – WordPress WooCommerce Theme

lazy-placeholder

Makeup Store – WordPress WooCommerce Theme

lazy-placeholder

Pet Shop – WordPress WooCommerce Theme

lazy-placeholder

NFT Crypto Marketplace – 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.