Sticky/Fixed Navigation but not header for Minimal theme

XueGao
New Member
3 0 0

I can find code to fix the entire header, but is there a way to fix only the navigation bar but not header? The logo is taking too much space, so only want the menu bar to be fixed. 

many thanks 

 

Replies 3 (3)
BrianDev
Pathfinder
70 11 28

You can view solution in this post:  https://community.shopify.com/c/Shopify-Design/Minimal-Theme-Fixed-Main-Menu-HELP/td-p/473602

If helpful then please Like and Accept Solution

Minimog | The Next Generation Shopify Theme
Try Minimog for Free | The Exclusive App included & big UX template library
For more information, please contact me: hi@foxecom.com

XueGao
New Member
3 0 0

Thanks for the quick reply, the code works for fix entire header, but still I'm looking for only the menu to stick to the top when scoll down. 

simillar to this effect: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sticky_header

Firewater
Shopify Partner
1 0 0

Hi Brian

Specifically for your Minimog theme it is worth mentioning that to use this style, you need to turn off "Sticky on top". It would be great if you has a "Sticky always" option.