[Resolved] Transparent menu bar that changes color on scroll

[Matthieu]

Hello, is it possible to have a transparent bar then on the scroll it changes color? It involves a logo and text in a different color.

Thanks

[Leo]

Hi there,

Are you using a merged header element?

If so take a look at this:
https://docs.generatepress.com/article/navigation-as-a-header/#different-logo-and-navigation-colors

[Matthieu]

Hello thank you for your answer, on the other hand as you can see in the link below, I have a white bar at the top.

Where is she from ?

Thanks

[Ying]

Hi Matthieu,

You have 20px margin applied to the site main container.
https://www.screencast.com/t/AYXRadPfE

I can’t see where it’s coming from since it’s generated by cache, could you turn off cache plugin and clear all cache, so we can take another look at the codes? Thanks!

[Matthieu]

It’s good the cache is emptied and the plugins are disabled

[Matthieu]

So it’s good I removed the 20px margin between the containers, the problem is solved! Thanks !

[Ying]

Awesome! Glad you figured it out 🙂

[Author]

Posts