hi team, struggling with a color setup. i want to have the normal navigation transparent but the sticky navigation with a background. when i change the background colour in customizer, it effects both.
in the screenshot you can see the yellow part i want to have transparent without effecting the background when scrolling.
I wanted to achieve the same. A transparent background but white while on “sticky”.
The sticky effect set to Hide when scrolling down.
I didn’t work out for me. Don’t know if I missed something here.
Layout / Typography / Primary Navigation the background set to white.
And I created a Header Element, changing only:
Merge with content and the display rules to Entire Site.
What happened: the navigation is always white, the header element didn’t make a difference.
1. Keep your current Customizer colors for the Navigation.
2. Edit the Header Element. Make sure Site Header > Merge with content is enabled.
3. You will see an option for Navigation Colors. Check this.
4. You can now edit the Colors for the navigation – by default they will be set to transparent.