I'm having an issue with my header content. My logo and menu items are not turning white while transparent over the dark slider or page title bar. Instead the logo is staying blue and the text is staying dark while over these sections. Then when you scroll down the light header bar appears and the header content stays the same in the colors it should be. Am I missing a step to make the logo and menu turn white while at top of pages?

There is a section marked:

Background color

This value will override selected background for Header and Title sections

But that just reverses the issue instead of fixing it. 

Thank you.

Hi Andrey,

Thank you so much, this is getting the logo to change colors perfectly. However, the top-nav menu isn't changing to white text while at the top of the page. Could you post a CSS code snip for that as well?

Thank you so much!

Worked like a charm! Thank you.

- Kevin

So far everything is working great, except one final question. I changed the link text to turn white at while the on top of the dark homepage hero and page title slabs (which the nave menu is transparent over), everything is looking great on desktop. Here is the custom CSS I added to accomplish:

.affix-top-wrapper .ls .sf-menu > li > a {
    color: #ffffff;
}

However, now with that code if you are on the site, scrolled all the way to the top of the site on mobile or tablet and click the menu items in the hamburger menu, a white background slides open and all the text remains white so you can't see the menu items. Is there a way to make the code I wrote above only effect the desktop versions or have a different CSS class for the hamburger menu links?