Page jumps part two

Hi,

First off. Awesome theme, I love it.

Hopefully someone can help me.
My problem is similar to the thread about page jumps, but I am opening a new one as that was marked resolved and so therefore may not get viewed.

The solution give in that post doesn’t seem to work for me.

my website is https://doyouneedawriter.com

And in the top banner I have 4 links, 3 of which I can’t get to work the way I want. I want page jumps from About, Contact and Services in the top banner. I have set up separate pages for each and got the #menus working as per https://docs.themeisle.com/article/33-how-to-link-menus-to-sections-in-zerif
but when I click these three in the top banner they go to empty pages instead of doing the page jumps I had hoped for.

I looked at donohuge’s website from this post (looks good by the way pal) and he has got it working for his about and contact buttons, but I don’t know how.

It’s likely I am missing something obvious, but I can’t figure out what.

Spent hours on this now and could do with some help.
Cheers.