How can I make my navigation bar fixed?

How can I make my header/navigation bar fixed in Hayden without going into developer mode?Thanks!

Add this to your custom CSS section:

#header {
position: fixed;
}

Thanks for your answer, but I did as instructed & nothing changed.

But I unchecked in the Header section of the Style Editor "Transparent on Banner Images" & now it works.

Thanks a lot!

Having the same issue and I can't find that section under header primary navigation. Can someone point that out please? Thank you

Having the same issue and I can't find that section under header primary navigation. Can someone point that out please? Thank you

@fishcreek Please make sure that you are only adding answers to posts when you have an answer to provide. Otherwise, you will want to add your response as a comment. I've automatically converted this for you.

New here, thank you, Justin. And actually I'm not using Hayden, I'm using Hyde, so that's probably why the Style Editor is different. Would love to find a fix for this.

Yep, different templates offer different styling options. You should consider opening a new question to find answers for your site specifically.

@Georgerobescu where did you find that section ? Can you make a print of if so i can see ?

Thanks

@Georgerobescu where did you find that section ? Can you make a print of if so i can see ?

Thanks

@diogosoares16 Please make sure that you are only adding answers to posts when you have an answer to provide. Otherwise, you will want to add your response as a comment. I've automatically converted this for you.

Hello, I am using Bedford template preview and when I do this, my Banner image+text gets shifted up behind the nav bar abt an inch. I do not have "transparent" on in my banner style settings.

Does anybody know how to correct this? Thanks

I think I may have solved my own problem by hitting return a few times before the text under Banner>Basic>Description.

For me I had to add this to your custom CSS section:

header {
position: fixed;
 width: 100%;
z-index: 4;
}

so it's fixe, take 100% of the width of the screen, and is always saw first (index)

Hi! But when I add this code to my CSS section the menu goes into my site's area, so how you can see in the attached picture. Does anyone have a solution for that? So that the fixed menu bar starts above the content and not inside?