Navigation bar cuts using ancor links cuts off top section of the section it links to

Hi Everyone,

I have been looking around here for a few days for an answer to my issue. I have rebuilt the navigation bar and still can’t seem to get it to work.

I have watched tutorials that say to set the navigation bar to sticky, rather than fixed so that the space of the nav does not cut the content. But when I set it to sticky it does not stick to the top of the page.

I have had to resort to adding extra space at the top of the section so that the header of the section I’m linking to does not get cut off.

Any help would be really appreciated, I’m going crazy.


Here is my site Read-Only: here
([how to share your site Read-Only link][2])

Here is the live site