I’m trying to make a header similar to this website https://thehutcolwell.co.uk/. It starts off with a large logo and transparent background with a photo in the background, and then when you scroll it becomes a solid sticky header and the logo shrinks, can this be done at all? any help would be appreciated. The website I’m putting it on is on a local web host so it isn’t live yet.
The Sticky Navigation will use the colors in Customizer > Colors > Primary Nav, so you need to set these to a solid color and change them to transparent only in the above header element.
Thanks for coming back to me. The sticky menu logo doesnt stay in the middle and land on the left wit hthe menu on the right. Is there a way to get the sticky to be the same as the header? ie logo splitting the menu.