Scroller header

[Zac Manor]

Is it possible to have the header (the white bar with the navigation and logo) to stay fixed at the top of screen as one scrolls?

[Bill Robbins]

Zac,

You can do that. Here’s how I would go about it.

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   #header {
   	position: fixed;
   	background-color: #fff;
   }
   
   .page-template-page-home-template-php #header {
   	background: transparent;
   }
   

3. Update your settings.

That should fix the header in place and set the background of it to white so that you can see it with text under it. It keeps it transparent on the home page though so it won’t cover up your hero image there.

Have a great week,
Bill

[Zac Manor]

Love it, how every on some pages. specifically the home page. there is not the white background. it changed to tansparent

[Zac Manor]

no worries,

i just used some basic problem solving and found the place to enter hex code. lol

[Author]

Posts