Archived topic
Sticky Navigation/Header Color
7 replies · Started by Fouzie on April 27, 2018
Hi!
First off, I'd like to say thanks for your awesome work, as well as your support. You're doing an awesome job!
Secondly, just to put this out there, I'm relatively new to Wordpress in general, so please bear with me :)
I've created a sticky header/navigation. I've made it clear so that the background image shows when you first load the homepage, however, I'd like it to have a white background as soon as you scroll down. Kind of like this: https://www.transfast.com
I can't seem to figure out how to do it- any tips? Thanks in advance for your time and effort! And my apologies if this has been addressed previously, I can't seem to find anything about this specifically.
Kind Regards,
Mohammad
Hi there,
To achieve the layout like the example you link, try these steps:
- Use navigation as header: https://docs.generatepress.com/article/navigation-logo/#navigation-as-header
- Create a page header: https://docs.generatepress.com/article/page-header-overview/
- Merge with navigation: https://docs.generatepress.com/article/merging-the-page-header-site-header/
- Set to transparent: 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.
Hi Leo,
Worked perfect- you rock man. Thanks for your help and the prompt response!
kind Regards,
Mohammad
No problem :)
hi
is there a way to make that when in sticky mode the navigation menu text color become different then when it's in the header mode?
thanks
Can you open a new topic for your question and link me to the page in question?
Thanks :)
it's ok
i've managed to do it.
in the Elements -> when i created a header transparent -> in Site header tab there is:
Navigation Logo / and Mobile Header Logo
and i can changed these... and the color... and it's making it different than the theme -> customize
so it's working :)
thanks anyway
Glad to hear :)
