I would like to have a transparent header that lays over a hero background image. This should have white text and a white logo. I was able to pull this off already.
When scrolling down the page, the page header should shrink with a white background-color the text should be black and also the logo should change to a black version.
To replace your logo when scrolling we’re going to need to know what Fixed Header layout you’re going to be using. Once we know this, we can provide the necessary CSS.