Header overlapping video background

Site URL: https://moose-star-24cl.squarespace.com/

I added a video to the home page in the first section's background. But the header is overlapping it and cutting off the top. I tried adding the code below which fixed it, but then all of the other pages have a blank space after the header/before the first section. I also tried adding margin to the section, but it shows a gap as the screen size changes. 

header#header {
    position: relative;
}

password: kang1

You can try this to Website Tools > Custom CSS to fix problem

header#header {
    position: sticky !important;
    position: -webkit-sticky !important;
}

That works except it ads a gap between the header and first section on the other pages

On 9/26/2024 at 7:29 AM, SDownie said:

That works except it ads a gap between the header and first section on the other pages

I think you fixed? It is fine on other pages now