I would like to hide the main header when the homepage loads so that only the hero image is visible, then when the user starts to scroll the sticky nav appears. I have the sticky nav appearing fine but all attempts using CSS to hide the main header hasn’t worked yet as it affects the sticky nav as well and make this disappear also.
I’m working on a local server at the minute, so don’t have a live link to show at the minute.
Any help if possible would be greatly appreciated.
Thanks
James