Elements Overlapping Header When Scrolling

I'm having trouble formatting my header. When scrolling through my website, the header does not overlap some of the website content (some buttons and images. I've included a photo as an example. How can I fix this? 

Thanks!

Hi,

Could you please share a link to your page so that we can view and provide a accurate solution to your issue.

Best,

Dan

The link is https://solidsociety.squarespace.com and the password is demo. Thanks!

On 9/7/2022 at 7:45 PM, squarespaceuser12345 said:

The link is https://solidsociety.squarespace.com and the password is demo. Thanks!

Add to Design > Custom CSS to fix problem

header#header {
    z-index: 999999;
}