Sorry to bother you, but thought I’d ask the question – although I’m probably not doing something I should, anyway!!

I have a page, http://thereferralsite.co.uk/home/alphabetical-list/, which I’ve set up for One Page Navigation.
I have created a Menu, and within the Menu there are various # references which should take me to places within the page.
This almost works, but I’m finding that the references are taking me to slightly below the actual element which has the ID with the appropriate reference.

For example, if I select the Menu item D, the screen should position me with the D Custom Headline at the top of the page, but what actually happens is that the screen is positioned slightly below that, at around the E Custom Headline element, which is a little annoying.

I’ve tried in multiple browsers and th result is always the same.
The only navigation which seems to work without issues is when I’m viewing the page via a phone, which uses the visibility-phone section of code, but this has the same elements using the same reference ID’s – confused!

Like I say, I’m not sure I’ve set up everything correctly, but I’ve done some HTML coding in the past, and I think that it’s all looking OK regarding my previous knowledge.

Could you please take a look and let me know if there’s anything I’m missing.

If you need anything else just let me know.

Thanks,
Paul.

The problem you’re having is due to the navigation bar. one page navigation is working fine and your current setup seems fine too. If you hide the navigation bar you’ll notice that the screen is positioned correctly for all the alphabets.

Please read the special consideration section related to this issue https://theme.co/x/member/kb/how-to-setup-one-page-navigation/

You have suggested that I turn off the Nav Bar for this page, but I cannot see how I do that for a single page, and still have the Nav Bar everywhere else (as I need this everywhere else).

Could you point me in the right direction please?!
Thanks again!

The reason why your set-up is behaving like that is because you have a fixed navigation.

The screen jumps correctly to the position of the linked element, but since you have fixed navigation, its covering the top part of the element.

You need a javascript to fix that. I can see you are combining one page navigation with other links. this would be best for your set-up https://theme.co/x/member/forums/topic/enable-the-scrolling-effect-for-demo-intergrity-01-not-working/page/2/#post-88853

Hope that helps,

Have a great day