Change header from transparent to white background and while text color will also change along with the logo image

Hi,

Can anyone help me to achieve this? basically what I am trying to do is to change the header background from transparent to white background on scroll but at the same time the nav link text color will also change along with the logo image.

I already did the background color but when I tried to change the text color I am having a hard time the text color is opaque using element trigger while scrolling onto view.

You can use “while page is scrolling” or you can use an invisible element which will be located just below the sticky nav bar and which will be used as a trigger for an animation of type “While scrolling into view”. In this case the animation will be at 100% when the element becomes invisible. It can be used as a trigger for all the animations of the navbar.

1 Like

Thanks for the response, I will try this and let you know.