Why is my main navigation a different color on some pages?

Want to change up your header style on a specific page? We've got a solution, and it's super easy.

CLEAN has two header options: standard and sticky.


The standard nav is the default menu style sitting at the top of the page.  In our example below, the standard nav is transparent.


header-nav


The sticky nav is how your header looks when you scroll down the page.


clean-header-sticky


You'll see as I scroll down that the header becomes opaque. That's because I've set different styles for my sticky nav vs. my standard nav in my global content editor.


If you're happy with your default settings and just want to edit the look of a particular page, it's a synch (and you can make it happen without messing with the global content editor).


Go to your page editor and find the Header and Footer Override module under the Contents tab.


override-module


Click it, then check the Use Sticky Nav Style box. Then hit Apply changes.  Ta-da!


sticky-nav


In our example, you'll see the standard header now appears opaque, just like the sticky header. 


No need to stay stuck with a sticky nav problem anymore. ;)