How to fix scroll issue in header

Store Design
, , , , , ,

Topic summary

A mobile header scrolling issue is affecting a Shopify store. When the header menu is opened on mobile devices, it allows scrolling that extends across the entire store instead of remaining fixed in position.

Problem Details:

  • Issue occurs only on mobile devices
  • Header should remain fixed when opened
  • Current behavior allows unwanted scrolling across the store

Requested Solution:
The user seeks a CSS/Liquid code fix to prevent the header from scrolling on mobile while keeping it fixed in place without introducing bugs.

The discussion remains open with no solutions provided yet. The store URL has been shared for troubleshooting purposes.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

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/

I only need this for mobile

Thank you,
Tim