Archived topic

Reduce WooCommerce shop page to 1 column on mobile.

5 replies · Started by Jack on May 23, 2020

Viewing posts 1–6 of 6

May 23, 2020 at 5:51 pm #1298623

Hi team,

I want to display 1 column on my WooCommerce product page on mobile (it currently displays 1 column.)

I also want to reduce the padding and make the background white on the pre.wp-block-preformatted element the CSS isn't working on mobile. It's only showing on Desktop.

Any ideas?

May 23, 2020 at 10:48 pm #1298757

Hi there,

I want to display 1 column on my WooCommerce product page on mobile (it currently displays 1 column.)

I'm a bit confused. So what's the issue?

You can set column number for desktop and mobile in the customizer:
https://docs.generatepress.com/article/woocommerce-overview/#shop

May 23, 2020 at 11:41 pm #1298800

Thanks! I never noticed the responsive options.

I've just updated the number of columns on mobile to 1, but it's not changing on the site. It's still displaying 2 columns.

Cheers

May 23, 2020 at 11:46 pm #1298801

Re-opening this as that didn't work.

May 23, 2020 at 11:53 pm #1298806

I've sorted it. Was using a WooCommerce shortcode instead of the Generate Press standard shop page. Thanks

May 24, 2020 at 3:05 am #1299010

Hi there,

Odd ... it should work on the defaults shop page - maybe the cache needed clearing to reflect those changes. But glad to hear you got it working either way.

This archived topic is closed to new replies.

Start building better websites today.