How to remove sticky header from custom theme

New Member
2 0 0

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 Please help me out....

Shopify Partner
1254 263 344

This is an accepted solution.


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. 


Want to modify or custom changes on store hire me.
Email:, Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate Click here (Its my paypal)
Shopify Partner
1945 194 294

@vikingball - add following css tot he end of styles-main.css file and check

#menu-header{position: initial !important;}
you are welcome to contact me.
My email -

#1 page builder app on Shopify - for FREE! PageFly
New Member
2 0 0

Thank you so much