Problem with the header on mobile

Problem with the header on mobile

CreatorTim
Trailblazer
408 1 55

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

Replies 2 (2)

DaisyVo
Shopify Partner
3782 412 498

 Hi @CreatorTim 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

@media screen and (max-width: 768px){
body:has(details#Details-menu-drawer-container.menu-drawer-container.menu-opening) {
    overflow: hidden !important;
}
}

 

 

I hope this helps

 

Best,

 

Daisy

Here is the result:
Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
CreatorTim
Trailblazer
408 1 55

Hey, it’s not working, it’s still scrolling under it. I think the scrolling line needs to be removed.

 
Snímek obrazovky 2025-01-16 224456.png