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
4067 799 1148

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

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

View solution in original post

Replies 3 (3)

Guleria
Shopify Partner
4067 799 1148

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

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
vikingball
Visitor
2 0 0

Thank you so much

suyash1
Shopify Partner
10716 1324 1700

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

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