Changing Logo in the Header (while scrolling)

[EIGENARTdigital]

Hey there,

I have a new potential Project for a customer - I would like to do it (as usual) with X Theme, but I am not sure if this is possible.

The look of the website is mostly black&white.
So there will be sections with black background and sections with white background.
My customer want to change the color of the header depending to the background of the actual section.

So…

1. The Standard Header should be: white background, black logo, black hamburger menu
2. When scrolling to a specific Section it should change to: black background, white logo, white hamburger menu
3. Scrolling to another Section the Header should change again to: white background, black logo, black hamburger menu

For Example I attached 2 Screenshot of the Layout Design.

Is this possible with X Theme? And if yes, how can I achieve this?
Would be glad if I could use X Theme for this.

Thanks for your Response and have a nice day!

[friech]

Hi Andreas,

Thank you for writing in, regretfully, that is not possible with the standard header (X) without customization. With PRO header builder, the change background on scroll is possible, however, the alternating effect with section will still need customization, unless it’s possible to have the navbar just to be a transparent and let the section’s background see-through it.

You need something like this but more since the navbar background-color need to change based on the section the navbar is on. Regretfully we can not provide support for customizations.

Thank you for understanding,

[EIGENARTdigital]

Hey Friech,

thanks for your quick reply.

Okay - I will research for a plugin - maybe there is something that makes it possible.

Thank you and have a nice day.

[ruenel]

You are most welcome!