Anchor tag vertical alignment displaced by sticky headers

[Acumed]

I’m looking for the recommeded method to adjust to alow an anchor tag, such as on this page: https://www.acumed.net/procedures/#cmfneuro to scroll to the correct position when used. Ever since inplementing “sticky headers”, every anchor on any page seems to scroll past the desired anchor tag position. Is there a best-practices solution for this issue, either by using CSS, JS, or some combination of the two?

[tristup]

Hi David,

Thanks for reaching out.
It is due to the offset calculation while using the Sticky Bar and the One Page navigation. I would suggest you go through the following thread, which may help you.

Issues with screen position returned using an anchor link

Hello. I’ve been assigning anchor links throughout my site for better navigation. My goal is to basically link subject matter in my site to headlines covering that topic in FAQ. The result being if a user is on my site, has a question, they click the anchor link and go directly to information they need. The links work but the headlines that are linked are off screen. Here is a screen shot of the Headline (ID: #faq-methodology) that should be returned on screen when the anchor link is clicked (“…

Thanks