Transparent Menu & Sticky Menu - two different logos

Question

Username: van
Pass: Downunder90!

Hey support,

I had a quick question regarding the header.

Currently I have my header set to transparent, split menu, with a centered white logo.

When I scroll down, I would like to menu to transition to a white BG, dark text and to load this dark version of the logo:

Can you please advise with what code I need to change?

Thank you!! Theme is great so far :)

SemiColonWeb · Accepted Answer

Hello,

Thank You so much for the Kind Words! :)

You can simply add the data-sticky-class="not-dark" Attribute to the #header Tag.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

cryptomining247 · Answer

Hi Support,

Thanks for the response.

However, I already do have that snippet of code inside my #header tag.

Maybe there is another question I need to be asking, where do I provide the "dark" and "not-dark" image sources in the HTML?

Thank you.

Semicolon Web · Answer

Hello,

You will need to add the Link to the Logo which you want to show in the Dark Header inside the data-dark-logo Attributes of the #logo Links.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.