How to fix scroll bug in header on mobile

[CreatorTim]

Hey guys, when I open the header on mobile and start "scrolling," it scrolls all the way across the store.

How can I fix this? I want the header to be fixed in place and not scroll, without any bugs.

Here’s my store URL: https://1049xn-ya.myshopify.com/

Also, when I check it using F12 on a computer, it doesn’t bug, but when I view it on an actual mobile device, it doesn’t work.

So I only need this for mobile

Thank you,
Tim

[mageplaza-cs · Accepted solution]

Hi @CreatorTim,

I am from Mageplaza - Shopify solution expert.

fter reviewing your store, I found that the issue is likely caused by the CSS in base.css:

body.hide-scroll {
    overflow-y: hidden !important;
}

You can modify it to:

body.hide-scroll {
    overflow: hidden !important;
}

Please let me know if it works as expected!

Best regards

[CreatorTim]

Hey, I think it works! Thank you