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;}
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024