Anchor link jump to wrong part of the section

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

Hi, I have created anchor links on my page (password is partner) which I have pasted to the top part of each section on my site.However, my links jump to a part lower down on the section, hiding the title and part of the text. Can anyone help?

Because the header is fixed on scroll. It will overlap a part of page content. You need to add a spacer on top of section, or disable fixed effect on current page

5 hours ago, tuanphan said:

Because the header is fixed on scroll. It will overlap a part of page content. You need to add a spacer on top of section, or disable fixed effect on current page

Thank you. I disabled the footer and it's still the same though.. I think I will just have to add the code to the previous section..

I have another question, the header banner (image) has a different height on all browser sizes, so the navigation menu below always has a different height as well, which is very annoying. I want the banner to always be 90% of the screen height, no matter the browser size. Is this somehow possible to add through coding? 

On 8/31/2022 at 10:00 PM, charlineca said:

Thank you. I disabled the footer and it's still the same though.. I think I will just have to add the code to the previous section..

I have another question, the header banner (image) has a different height on all browser sizes, so the navigation menu below always has a different height as well, which is very annoying. I want the banner to always be 90% of the screen height, no matter the browser size. Is this somehow possible to add through coding? 

#1. It looks fine to me. Did you solve?

#2. Try this CSS

body.homepage div#siteWrapper:before {
    height: 90vh !important;
}