[Resolved] Reduce WooCommerce shop page to 1 column on mobile.

[Jack]

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?

[Leo]

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

[Jack]

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

[Jack]

Re-opening this as that didn’t work.

[Jack]

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

[David]

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.

[Author]

Posts