[Resolved] Layout size on mobile

[Jusung]

when you see the store page on mobile device, there is empty space on the right side.
I don’t know how it is made..

I am using both old container and new version container.
Could this be the reason?

[David]

Hi there,

the issue is the Woocommerce blocks add margin to account for spacing, and they were never designed to be placed inside of other containers like that.

You can try adding some CSS to remove that additional spacing when they are inside those tabs:

.gb-tabs .wc-block-grid__products {
    margin: 0 !important;
}

[Jusung]

Thank you! that code works!

[David]

Glad to hear that!

[Author]

Posts