Thanks for the response. I don’t have a link to share as it’s all local at the moment. Let me try and explain more clearly.

I am using “Home Alternative” layout for my homepage with a photograph for the background on the top part of the page instead of the default white bg. This works fine until you scroll and the nav/header overlay appears (which has a white background), and so it is white on white and the logo is not visible. I want my logo to swap for a black version after scrolling and the nav/header overlay appears.

It appears this is what the code is supposed to do with places for both “dark” and “light” logos, but nothing I try works. Something seems buggy with the nav/header overlay.

Thanks again!

Hello,

Can you explain what this code is doing in a detail? Is the “header-scrolling” the style that will show up on the menu bar that is triggered after scrolling?

.header-scrolling .logo-dark {display:block;}
.header-scrolling .logo-light {display:none;}

Also here is the code on my index.html page:
<div class=”navi-logo”>

<div class=”logo-wrap”>
<div id=”logo”>

<h1 class=”logo-h1″>Air Theme</h1>

<span class=”logo-light”></span>

</div>
</div><!–End logo wrap–>

</div>

Can you tell me how I can adjust the above code for my needs? I simply need the logo to swap from white to black text on scroll.

Thanks!