Archived topic
Top bar then mid header (Disappearing on scroll) with menu header underneath
3 replies · Started by infusedigitalmedia on March 3, 2023
Hi, can you tell me if this is possible to replicate with generatepress please?
The website that uses this setup is http://www.noblepanacea.com essentially has 3 headers, (1) the top bar stays all the time but (2) the middle header which contains the name logo and other links disappears on scroll (It is also transparent). The 3rd and last header which has the main menu options stays throughout viewing the website, however a logo initial appears on scroll down, left of the page menu text.
I’ve looked through all the generatepress header examples and can’t find anything like this.
Please help… many thanks
Jon
Hi Jon,
Yes, it can be achieved.
1. Go to customizer > layout > primary navigation, and set the navigation location to below header.
2. Go to customizer > layout > header, set Header Alignment to center to center the logo.
3. You can go to appearance > widgets to create your topbar.
4. Go to customizer > layout > sticky navigation, activate sticky navigation, upload logo for sticky navigation.
Once it's done, we can take another look and provide some CSS.
Thanks so much Ying! I won’t be starting on the project straight away, so I’ll get back to you regarding the css for the transparent header and drop shadow under 3rd header.
I just wanted to tell the client it is indeed possible before committing myself!!
Many thanks again..
Jon.
You are welcome :)
