- This topic has 7 replies, 3 voices, and was last updated 3 years, 9 months ago by Tom.
August 11, 2018 at 7:23 pm #646030Tom
It’s been a while. I’ve been trying to promote GP in Facebook WP Groups when I can.
That brings me to my question: transparent headers that appear when scrolling
It’s a popular design feature, and I can’t find anything on it anywhere.
Here is an example:
This forum has the best service/advice from any theme I’ve ever encountered.August 11, 2018 at 7:28 pm #646035LeoStaffCustomer Support
That layout can be replicated with this method:
Then you can set custom navigation color for that page header:
Then the sticky navigation color will inherit the setting from the customizer.
Page header will be replaced by the new Header Element module starting next Monday though:
We are currently in release candidate 3 so it’s stable enough if you want to start using it:
You can of course wait for the official version to be released then manually migrate over as well.
Let me know if this helps 🙂August 12, 2018 at 8:24 am #646354Tom
No idea where to merge the page and header lol. GREAT option, though. It looked terrible having a gap between a hero video and the header.August 12, 2018 at 9:39 am #646404Tom
Found it! New feature I hadn’t used yet. Brilliant!August 12, 2018 at 9:57 am #646409Tom
I guess I missed the boat entirely here.
I land on the page, and the header is transparent. The logo lays on the background, and the nav menu float right.
When I scroll down, the sticky header changes to a white background.
I guess I didn’t fully understand how to achieve that with a page/site header merge.August 12, 2018 at 10:36 am #646436TomLead DeveloperLead Developer
When you have a transparent header, the sticky navigation will continue to use your regular navigation colors. This is because you wouldn’t want a transparent sticky navigation as you scroll down the page (it would be difficult to see the text).
Let me know if that makes sense or not 🙂August 12, 2018 at 11:16 am #646461Tom
Makes perfect sense! Executing it is where I’m falling short 🙂August 12, 2018 at 11:58 am #646490Tom
Found it, guys!
- You must be logged in to reply to this topic.