[Resolved] Responsive WooCommerce Product Blocks

[David]

You’re welcome

[Alen]

Hello,

I’m doing the same thing on my 1st page.

But i think they changed Woocommerce block a bit so the code won’t work anymore.

I was able to achive similar result by CSS

@media(max-width: 768px) {
li.wc-block-grid__product {
        width: 48% !important;
        float: left !important;
        margin-left: 1% !important;
        margin-right: 1% !important;
	  line-height: 1px !important;
    }

But this way you can’t show 4 items at once on mobile without errors.

Does anyone have new code to enable Gutenberg woocommerce product 2 column on mobile.

Thank you

[Leo]

Can you open a new topic and link us to the page in question?

If it’s directly related to WooCommerce block then you might have to check with their support first.

[Author]

Posts