Keep the Navigation Color – Hero

[Centre]

Hi Bill

How do I keep the navigation bar color over the hero. By default it is transparent over the header then appears, but I’d like it to be white over top of the hero image.

Thank you
Joshua

[Bill Robbins]

Hello Joshua,

You can do that. Here’s how:

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

   
   body.hero #header,
   #header,
   body.hero #header.scroll {
   	background-color: rgba(255, 255, 255, 0.95);
   	border-bottom: 1px solid #dfdfdf;
   }
   

3. Update your settings.

Feel free to change the colors there to fit your needs, but that snippet should let you set a constant color. If you run into trouble, just let me know.

Have a great weekend,
Bill

[Author]

Posts