How to remove sticky header from custom theme

Solved

How to remove sticky header from custom theme

vikingball
Visitor
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 https://cn4nbi9yyh1jvpmo-53626044593.shopifypreview.com Please help me out....

Accepted Solution (1)

Guleria
Shopify Partner
3397 677 958

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

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization ( paid services )
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder

View solution in original post

Replies 3 (3)

Guleria
Shopify Partner
3397 677 958

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

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization ( paid services )
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder
vikingball
Visitor
2 0 0

Thank you so much

suyash1
Shopify Partner
9793 1214 1554

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

#menu-header{position: initial !important;}
To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me