One column mobile view in product category widget since update

  • Since the latest update my woocommerce category widgets that I’ve placed into pages have reverted to one column on mobile. They were previously showing in a two column layout with the previous version of the theme.

    I’ve tried a few of the css fixes you’ve recommended to others, which have fixed the shop page and related products grids on single product pages – but the widgets (best selling and categories) are still showing on one column in mobile no matter what I do.

    Is there a css fix I can apply?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Hi there,
    I can arrange a code for you, sure.
    Can you share with me a page url? Just to give you the better and lighter code as possible.

    Thread Starter wiliestant

    (@wiliestant)

    Sure thing it’s: https://theplantsociety.shop/indoor-plants/

    Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    ok the issue is related to the latest wc-blocks plugin update which added a new rule.
    To solve this, please add these few lines of code in the Additional CSS panel:

    @media (max-width: 600px) {
ul.products, .wp-block-product-category ul.wc-block-grid__products {
  display: grid !important;
}
}

    It should work nicely

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘One column mobile view in product category widget since update’ is closed to new replies.