Navigation bar fixed.

Solved
Pathik_Modi
Tourist
6 0 0

Fantastic! it's done. You're a legend mate!

0 Likes
dahcar
Tourist
3 0 1

Thank you for the code.  It worked great for the navigation bar, except the text from my Collections List appears in front of the Navigation bar when scrolling.  Do you have any idea how to fix that?

 

Also, I am using the Supply theme.  Do you have any code for a fixed header as well?  Thanks!


0 Likes
Jasoliya
Shopify Expert
4136 569 1000

Send your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
maknij
Tourist
24 0 2

Hi there - I also have the issue with the Collection List text visible over the fixed navbar - did you ever get this resolved?

Thx

Mark

0 Likes
dahcar
Tourist
3 0 1

Jasoliya provided me this which worked great:

Add this css:

@media only screen and (min-width: 767px){ .sticky-nav nav#navBar { z-index: 50; }}
0 Likes
Jezweb
Excursionist
14 0 0

Worked for me too. Thanks

0 Likes
Moriah_Mattix
Tourist
6 0 2

Would you be able to use this code for the "Express" theme as well? Dealing with the same issue. The menu bar is only seen on the front page and I need it to be fixed across all devices. Thank you!

 

menu bar on home pagemenu bar on home pagenow it is gone - i need it for all pages to show up at the topnow it is gone - i need it for all pages to show up at the top

0 Likes
shailendra1
Shopify Partner
1 0 0

This was very helpful. Worked as expected. 

0 Likes