Menu navigation background

[Jon Kawamoto]

Hi Bill,

Is there a way to make the background of the navigation menu not transparent when the screen is scrolled to the hero image?

I have some hero images that make it almost impossible to read the navigation menu. Please see screenshot attached.

Cheers,
Jon

Attachments:

1. 

   2014-10-06_2033.png
   

[Bill Robbins]

Good Morning Jon,

You can set the navigation bar to always have a solid colored background. 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:

   
   #header,
   #header.scroll-background,
   body.standard #header,
   body.blog #header,
   body.archive #header,
   body.error404 #header,
   body.search #header {
   	background-color: #000000;
   }
   

3. Update your settings.

You can replace the #000000 (black) with a different color if you’d like to.

Let me know if you run into any questions or trouble.

Have a great day,
Bill

[Jon Kawamoto]

Awesome – thanks Bill!

[Author]

Posts