Issue with Section ID Link - Section does not appear at the top

[rdbeli]

Hi there
I have setup a Header including a sticky Menubar which is hidden at the beginning.
On top of the Menubar there is a Hero “Bar” which includes a picture that links to a defined SectionID.

Using the link the page scrolls down to the section but not completely and the Menus"Bar" from the Header still does not appear it still need a little bit of a slide down to see the menu.

www.snapshotz.ch/staging

Any idea

[prakash_s]

Hello @rdbeli,

Thanks for writing to us.

Please add the following code to the Theme Options > JS and check if that resolves your issue.

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

It’s due to the offset calculation while using the Sticky Bar and the One Page navigation. So, it needs to be adjusted using that JavaScript code. The purpose of providing the custom Javascript is to show you how to add Javascript code to your site. Writing custom is outside the scope of our theme support. If you need more customization, you need to learn Javascript https://www.w3schools.com/js/ In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[rdbeli]

Dear Prakash, that worked perfecttly thanks

[tristup]

Hi @rdbeli,

Glad that we are able to help you.

Thanks