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

Home Forums Support Reduce WooCommerce shop page to 1 column on mobile.

  • This topic has 5 replies, 3 voices, and was last updated 5 months ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1298623
    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?

    #1298757
    Leo
    Staff
    Customer Support

    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

    #1298800
    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

    #1298801
    Jack

    Re-opening this as that didn’t work.

    #1298806
    Jack

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

    #1299010
    David
    Staff
    Customer Support

    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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.