How to fix this bug for mobile use?

Technical Q&A
1

IMG_6311.PNG
IMG_6311.PNG1179×2556 272 KB

Hi! How do I fix this bug? you can zoom out on mobile phone and it looks like this, it is really poor. I want it optimezed for phone use

IMG_6312.PNG
IMG_6312.PNG1179×2556 240 KB

2

Can you share your store url…? @Malte11

3

https://onegrip.se

lör 7 feb. 2026 kl. 20:24 skrev Anthony_David_1 <notifications@community.shopify.com>:

4

Add the below css @Malte11

body, html {
    overflow-x: hidden;
}

Thanks

1 Like
5

That’s a bad solution because it kills your sticky header and sticky elements on a product page.

If doing this, at least do

body, html {
    overflow-x: clip;
}

A better solution though, would be to find the offending element and either relocate it properly, or add overflow: hidden on closest wrapper.

1 Like