I sorted this one out so you can close it. For anyone else looking for a solution add this to Quick CSS:

@media only screen and (max-width:767px) {
.responsive #top #wrap_all #header {
position: fixed !important;
}

.responsive #top #main {
padding-top: 100px !important;
}

#header_meta {
display: none;
}
}

I have published it live now so you can see the issue. The URL is https://wagesafe.ai/
If you click on News it will take you to the blog section. Click on a article and it takes you away from the main page to the post page which then breaks the menu at the top. I’ve changed the How It Works menu item to be https://wagesafe.ai/#how-it-works thinking that might fix it but when you click on a blog the main menu item changes to eg. https://wagesafe.ai/wagesafes-real-time-independent-wage-compliance-vs-annual-boot-tests/#how-it-works.

Really hoping there is a way to fix this. I thought perhaps the blog might be able to open in a lightbox or something so you aren’t diverted away from the one-page layout but can’t work out how to do this. It’s kind of possible for a portfolio item but not a blog post.

Thanks.

Hi – I had already tried that thinking it was the answer but it doesn’t work unfortunately. For some reason once you are off the main page it still adds the blog URL to the front of the anchor.
Eg. I have the menu item set as https://my.site/#anchor and it works fine as long as you are on the main page. Click to a blog post and URL is inserting the post name into the menu link https://my.site/post-name/#anchor.
Not sure why it would do that.