[Resolved] how to make sticky header white background on scroll down

[Nicholas]

Dear Sir

how to make sticky header white background on scroll down, see video walkthrough in private section

[Leo]

Hi there,

Please take a look at this documentation and video first:
https://docs.generatepress.com/article/transparent-header-and-navigation/

[Nicholas]

Hi,
Thanks, but please watch the video in private section to better explain what i mean below. I want it transparent just to turn white on scroll down

[David]

Hi there,

first edit the Header Element and set the Colors there to be transparent. As it was in your first video.
Then go to Customizer > Colors and edit your Primary Navigation colors – whatever colors you use here will be used for the Sticky Navigation.

[Nicholas]

Hi,

Thanks but where is the header element for the homepage as the following are the headers under elements and these are not for the homepage:

global page headers
Blog Posts Headers

Blog Page Header

or do you mean the “merge”?

[David]

Yes the the element titled; “Merge”

[Nicholas]

Hi,

Thanks I have done as instructed but something is not correct, please see video walkthrough below

the idea is that on scroll when the nav becomes sticky that it’s white at that moment and then transparent again when at the top of the page.

thanks

[David]

Can i see the site ?

[Nicholas]

Hi,

Yes, please the domain in the private section

thanks
do you need admin?

[David]

An Admin Login would be good – can you send that ?

[Nicholas]

Hi

Thanks, sent in private section

[David]

OK check now.
Changes i made:

1. Customizer > Colors > Primary Navigation and set the Background color to White.
2. Edit the Merge Header and Enabled the Navigation colors and left them as the default transparent colors

[Nicholas]

Thanks a mill!

[David]

You’re welcome!

[Author]

Posts