header nav background color

[lesliekirk]

I am having a devil of a time trying to change the background color for the nav bar

<nav id="js-navigation-bar" class="navigation-bar">

which is nested inside the header

<header id="js-header" class="header clearfix">

I can't seem to overcome the .header style background.

http://dev.directtools.com/

What the heck have I done wrong?

Thanks,
Leslie

[Bruce - PhosphorMedia]

Re: header nav background color

there is no height for .navigation-bar. try adding a <div class="clear"></div> to the end of that div or
set min-height of .navigation-bar to 40px is one way...

[lesliekirk]

Re: header nav background color

Thanks Bruce, I went with the min-height method. I think the CSS works in the default ReadyTheme because the entire header is the same color so it sort of goes unnoticed.

[Bruce - PhosphorMedia]

Re: header nav background color

Maybe, but i've also found that as soon as you touch the templates in a ReadyTheme outside the ReadyTheme admin controls, you are sort of on your own to make it work.