how to make sticky header white background on scroll down

Hi there,

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

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

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.

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"?

Yes the the element titled; "Merge"

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

Can i see the site ?

Hi,

Yes, please the domain in the private section

thanks
do you need admin?

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

Hi

Thanks, sent in private section

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

Thanks a mill!

You're welcome!