Menu items not lining up with elements on page on one page site

I am having an issue with the navigation menu items on a page lining up with the corresponding elements on the page, in a “one page site” set up.  I set up a custom menu on a page within my site and named each of the rows with element IDs.  When I click on a menu item, it is supposed to move down the page to it’s respective row (for example, menu item “sweepstakes” when clicked should move down the page to the row I have set as “sweepstakes”)…the issue is, it moves (so I did set it up correctly), but it moves too far down the page, far past the “sweepstakes” (for example) section.  Same with “About”

Ideally the top, or beginning, of these sections would line up just underneath the bottom of the sticky menu….but they do not…and not even close.

So, how to I get the menu items, when clicked, to make the page navigate to the proper place on the page? I tried adding “gap” elements to get the rows in better position, but that hasn’t helped.

The page is far from done….but I don’t think that is the issue.

Thanks,

Chris