Support » Theme: Twenty Twenty-One » Woocommere layout and responsive problems

  • Hi!
    I have problems with the layout of the Woocommerce pages.
    The shop page and category pages don’t have the same width as the default width of the theme( more narrow than the footer).
    And when previewing for tablet in the customizer the width of the Wocommerce content becomes even more narrow, the responsiveness is not very good, everything is squeezed together, the buttons get four rows of text.

    I have tried “Options for Twenty Twenty-One” but that doesn’t work. Both “Align wide” and “align default” makes the width of the page more narrow, not wider like the theme.

    Using the “All Products” block on a page works much better, the width is correct, the product content in the columns is centered and the spacing between rows is much better. Any way to get the Wocommerce generated pages to look and behave like that?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hello,

    Pretty sure what you are describing is a duplicate of this thread?

    If so we are due to add options for this soon to Options for Twenty Twenty-One Plugin.

    Oliver

    Just to update this thread, we have now integrated the new WooCommerce CSS into the Options for Twenty Twenty-One plugin.

    Oliver

    Thread Starter erikolsson

    (@erikolsson)

    Thank you for your reply Oliver!
    I will check it out.

    Thread Starter erikolsson

    (@erikolsson)

    Hi!
    We are talking about the “WooCommerce Max Width” option right?
    If I set it to wide it looks good on desktop but on tablet, a product category page squeezes all the content/products together in the middle not using the same page width as the theme.

    But I guess that’s a problem with the theme, not shore if you aimed to fix it in the plugin?

    It’s a little bit strange because the “all products” block works great, but the store page and category page has another layout that is much worse.

    That’s annoying, I thought I’d fixed that!! Sorry, I’ll take another look!!

    Oliver

    OK, so they were adding even more padding on .site-main which we’ve now dealt with when you choose to use the align wide or align default options.

    Hopefully this should now be sorted in our latest update of the plugin!

    Oliver

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