Internal links not aligning

I have created a few links within pages so that clicking will take you to a different section. However, the links are not lining up. This includes the #primary link that you go to by default when clicking the button on the slider. Clicking takes the user further down the page than it should, so the heading of the section is cut off. Actually, I just realized it takes the very top of the screen to the top of the section, which means that it is covered by the banner that moves along with your scrolling.

Is this easy to fix so the page moves a little less and appears below the bottom of the banner?
Thanks for your help!

Hello @sjennor,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

#primary {
    padding-top: 90px;
    margin-top: -90px;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.