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 comput…

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 …

How to fix scroll bug in header on mobile

Store Design

CreatorTim January 22, 2025, 9:23pm 3

Hey, I think it works! Thank you

Topic		Replies	Views
Header issue on mobile Store Design menu , liquid , design , header , customizations , collection-page , landing-page , css , metafields , shopify-themes , troubleshooting , html , product-page	3	45	January 17, 2025
Problem with the header on mobile Store Design menu , liquid , design , header , customizations , landing-page , css , metafields , troubleshooting , html	2	32	January 16, 2025
How to fix scroll issue in header Store Design menu , liquid , design , header , customizations , css , html	0	33	January 17, 2025
Scrolling bug in mobile header Store Design menu , liquid , design , header , customizations , collection-page , landing-page , css , third-party-themes , metafields , shopify-themes , troubleshooting , html , product-page	1	42	February 1, 2025
Scroll issue in header on mobile Store Design menu , liquid , design , header , customizations , landing-page , css , metafields , shopify-themes , troubleshooting , html , product-page	7	106	February 12, 2025

How to fix scroll bug in header on mobile

Related topics