Ancher points behind my header

[debreesolutions]

Hi,

I am working on a new style for my website. I want to work with an arrow button that navigates me to the section underneeth. The anchor points work, but it doesn’t take in account the height of the header.

I could solve this by making the header absolute, but when i do that, it gives me problems with my first section.

How can i solve this?

[tristup]

Hi Kevin,

Thanks for reaching out.
It happens due to the Scrolling Offest issue, if there’s a Sticky Bar with the Position of Relative. If the Sticky Bar is set to Absolute Position, the offset will work perfectly fine. In case, you required the Relative position, you need to set the offset manually by adding the following JavaScript code into the Theme Options > JS.

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

We have already informed our development team of this, so they can investigate it further.

Thanks