Anchor point navigating to wrong place - potentially due to sticky header?

Support
#1

Hi there,

Please see an example page here:

https://snhs.kirklees.sch.uk/curriculum-overview/businessit/

Links to anchor points are directly under main image at the top, and should navigate the user down to the Intro section/Team section etc, but you’ll notice that it goes a little bit too far. I believe this is due to the sticky header, but don’t know how to fix. Any ideas??

Thank you,

James

#2

Hi James,

Thanks for reaching out.
It is due to the Scrolling Offest, you need to add the following custom JavaScript code into the Theme Options > JS.

window.csGlobal.csHooks.filter('hash_scrolling_offset', (offset) => {
    return offset - 120;
} );

Thanks

1 Like
#4

Hi there,

Thanks for that. Unfortunately it’s not worked though. It hasn’t seemed to have changed anything.

James

#5

Ignore, that. I’ve sorted it. Thanks for your help

#6

Hi James,

Glad that you are able to sort it out.

Thanks

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.