Header changes to light when refreshed in middle of page.

Hi there, on my index page I have a transparent top / dark header. When I refresh the page in the middle it will load dark then change to the light theme, only reverting back to dark when scrolling to the top then down to the content section.

I've managed to capture it quite well in this gif.

https://gyazo.com/c03a64829ed606cdb204525356adccbe

Any help on making sure that when it does the initial assert of

transparent-header sticky-header sticky-header-shrink

such that it also keeps the dark tag would be much appreciated.

Cheers

Hi there. This is a little issue for me at the moment and I am still building out my website so I doubt I'll be live for quite some time. I might have to put solving this on the back burner for now.

However, I can see if I have a transparent top, scrolling down X amount will trigger a class change. Any chance you could tell me how the change operates? Is it javascript? If so I could try disabling javascripts until I see which one has control over this change and working within that javascipt to make the edits needed.