[Resolved] Transparent header to turn white on scroll

[Gareth]

Hi GP support,

I have a ‘page header’ set up and merged with site header. What I’d like to achieve is:
* When the user scrolls down, a white background sits behind the sticky navigation and the white nav text changes to a darker colour.
* Is it possible to have one ‘page header’ rotate onto a second ‘page header’?

Thanks

[Leo]

Hi there,

– Is there a specific page I should be looking at?
There isn’t much scrolling in the page you linked.

– I believe you are looking for a slider. There are lots of plugins out there. My favorite is Smart Slider 3.

Let me know.

[Gareth]

Hi Leo,

I’m wanting the homepage to have the transparent header scroll effect as per this site – http://www.uixstudio.com/
There is content on the page at the moment, with the sticky logo fading into place and just one page link ‘home’
https://multipaysolutions.net/

[Leo]

You should be able to use custom navigation color to make it transparent here:
https://docs.generatepress.com/article/merging-the-page-header-site-header/#custom-navigation-colors

Then the sticky navigation color should inherit from Colors > Primary Navigation in the customizer.

Let me know if this helps.

[Gareth]

Thanks, Leo – That helps.
Cheers

[Leo]

No problem 🙂

[Author]

Posts