How to fix the mobile hamburger menu issue

[Sivadarshan]

I am using Dawn theme latest version, in that mobile hamburger menu is doing some issue (when I click on the hamburger menu scrolls till the end of website until footer, let’s say if we are in mid of the website and try to click hamburger menu it shows the bottom of hamburger menu)

I’ll attach the error drive link, website link and password. Please rectify the issue.

Error Link: https://drive.google.com/file/d/1XhIac_moPi5ahIRKctGhwC1NtkVBhs0v/view?usp=drive_link

Website Link: https://rugd-in.myshopify.com/

Password: rugged

Thanks in advance.

[BSSCommerce-B2B]

@Sivadarshan ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above

[BSSCommerce-B2B]

Result you will achieve

If it helps you, please like and mark it as the solution.

Best Regards

[Sivadarshan]

Thank you, But it’s still in same issue when we try to scroll it got the same issue

[BSSCommerce-B2B]

@Sivadarshan , I think you’ve made some changes with the menu. Try this code again

[Sivadarshan]

Thanks, After adding this code it’s working but the breadcrumbs section got hided inside the header, if possible how to make the breadcrumbs section sticky.

Error video: https://drive.google.com/file/d/1JkGQiCJxNxWlq6glfNmJQuwBQRJyd2KQ/view?usp=sharing

[BSSCommerce-B2B]

@Sivadarshan , ok change the previous code like this

[Sivadarshan]

Now in mobile transperant header got completely white.