Shopify themes, liquid, logos, and UX
Hello, I recently installed a custom theme, but the header is sticky and there isn't an option to remove it. I tried going into the custom code and inputting everything I found online, but it didn't work. How do I remove this? The preview for my store is https://cn4nbi9yyh1jvpmo-53626044593.shopifypreview.com Please help me out....
Solved! Go to the solution
This is an accepted solution.
Hello,
To disable it, it's necessary that you have knowledge of JS.
You have to check the JS file and find 'on scroll' when this class added 'menu-fixed' once found comment/remove that part of code.
Alternatively: Add this css
1. Go to Online Store->Theme->Edit code
2. Asset->styles-main.css
Paste the below code at the bottom of the file.
.menu-fixed {
display: none !important;
}
Note: Recommended solution is manage it with JS.
Thanks
This is an accepted solution.
Hello,
To disable it, it's necessary that you have knowledge of JS.
You have to check the JS file and find 'on scroll' when this class added 'menu-fixed' once found comment/remove that part of code.
Alternatively: Add this css
1. Go to Online Store->Theme->Edit code
2. Asset->styles-main.css
Paste the below code at the bottom of the file.
.menu-fixed {
display: none !important;
}
Note: Recommended solution is manage it with JS.
Thanks
Thank you so much
@vikingball - add following css tot he end of styles-main.css file and check
#menu-header{position: initial !important;}
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025