Navigation Bar – Static

[kevin davies]

Hi Bill,

Hope you are well. It’s been a while since I last posted which means I must be getting to grips with your awesome theme!

One quick question though if I may, I am sure there is a very simple answer with a function in the theme option somewhere but here goes anyway…

I would like the navigation menu to disappear as a user scrolls down the page, I’m sure it used to do this and I switched it off somewhere. Can you help? I just know I’m heading for a “doh” moment but I’ve looked everywhere.

Thanks,
Kev

[Bill Robbins]

Good Morning Kev,

Great question there. You could change the header so that it’s not fixed in place, but scrolls away like content typically does as you move down a page. Here’s how you can do that:

1. Go to the Theme Options page and select the Advanced tab.
2. Scroll down to the Custom CSS box and paste this:

   
   #header {
   	position: absolute;
   }
   

3. Update your settings.

Let me know if you have any questions.

Have a great day,
Bill

[kevin davies]

Hi Bill,

Yes that does the trick but I would like it to retain the colour #333333 at the top as well. Is that possible?

Thanks Again

Kevin

[Bill Robbins]

You can do that. Just edit the snippet above to be like this:

#header {
	position: absolute;
	background-color: #333333;
}

and I believe that will make always that color. Let me know if doesn’t work quite right.

Bill

[kevin davies]

Brilliant that’s got it. Thanks!

[Bill Robbins]

Anytime Kevin. Have a good day.

[Author]

Posts