Five Template: Sticky Top Navigation

FIVE Template: For the life of me, I can't get any of the suggested code to work for sticky top nav (Five). I've handled it just fine in Bedford, but no luck here. Can someone using Five list injection and CSS that's worked?

Try adding this to the custom CSS tab :

#navigation-top{position:fixed; top:0px; z-index:1000;}

Thank you!

Imagine that... simpler than any solution I've seen. Works perfectly. Many thanks @CSmith333.

Imagine that... simpler than any solution I've seen. Works perfectly. Many thanks @CSmith333.

@compassanesthesia 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.

hey @CSmith333 this doesn't work for me. trapdsince95.com/home I'm at my wits end with this. Have tried so many different suggestions. The only one that even remotely worked for me is this

 body.top-navigation-position-below-banner #navigation-bottom { position: fixed; top: 0; z-index: 5;}

But the problem with that is that it moves the nav bar to the top (above the logo/banner). My nav bar is currently positioned below the logo/banner and I would ideally like it to stay that way until i scroll down. Does anyone have suggestions. I've been at this for weeks

hey @CSmith333 this doesn't work for me. trapdsince95.com/home I'm at my wits end with this. Have tried so many different suggestions. The only one that even remotely worked for me is this

 body.top-navigation-position-below-banner #navigation-bottom { position: fixed; top: 0; z-index: 5;}

But the problem with that is that it moves the nav bar to the top (above the logo/banner). My nav bar is currently positioned below the logo/banner and I would ideally like it to stay that way until i scroll down. Does anyone have suggestions. I've been at this for weeks

Brilliant. This worked instantly!