Archived topic

Transparent header to turn white on scroll

5 replies · Started by Gareth on April 27, 2018

Viewing posts 1–6 of 6

April 27, 2018 at 12:54 am #561586

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

April 27, 2018 at 8:33 am #561875

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.

April 27, 2018 at 9:08 am #561924

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/

April 27, 2018 at 2:36 pm #562131

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.

April 29, 2018 at 11:32 pm #563532

Thanks, Leo - That helps.
Cheers

April 30, 2018 at 7:19 am #563717

No problem :)

This archived topic is closed to new replies.

Start building better websites today.