Fixed Header Content Overlap Issue on Index Pages

Site URL: https://rootstocanopy.squarespace.com

I have a fixed the header on this site but am getting content overlap on the index sections when using jump links to navigate the page. Here is the code I am currently using:

/* header freeze */
.Header {
position: fixed;
z-index: 9999;
width: 100%;
top: 0px;
}
.Content-outer {
margin-top: 100px;
}
/* end header freeze */

Link to page for example: rootstocanopy.squarespace.com/consulting

Password: roots

Thanks for any help!

Hi @merrymoondancer, 

I have the same problem. Did you find a solution yet? I am not that good with code and I tried a lot last night. I am tired and planning to get rid of the fixed header. Please let me know if you find a solution.

Thanks. 

@merrymoondancer Remove your code & add this new code

header.Header {
    position: sticky;
	position: -webkit-sticky;
    z-index: 9999;
    width: 100%;
    top: 0;
}

@tuanphan I tried this and it still doesn't work. Still jumps to a point past the header of the section. Anything else to try?? Thank you so much for your help!

On 11/24/2020 at 10:41 PM, merrymoondancer said:

@tuanphan I tried this and it still doesn't work. Still jumps to a point past the header of the section. Anything else to try?? Thank you so much for your help!

Have you solved it yet?