Anchor link to within another page – snaps only to the top of page

Hello,

I’ve managed to solve most problems setting up my site through trawling this forum but this one has got me stumped!

I have an id tag in my Showreel page (https://www.williambellart.com/?page_id=40):

<h3 id="about-page">ABOUT</h3>

I want to use the menu to link to parts of this page instead of having them as separate pages.

So in theory the following link should work in navigating to the id anchor link I have in the heading section ‘About’ further down the ‘Showreel’ page:

href="https://www.williambellart.com/?page_id=40#about-page"

When clearing the browser cache in chrome the link seems to work first time. Although when running the link for a second time it shoots to the top/head of the page instead of where the anchor link is, at the bottom in this case.

I’ve seen java script event handlers mentioned when searching online and how ‘#’ is interpreted….

Any ideas?