Inline Page Anchor scrolling too far

[micahkritzman]

We are using Inline Anchors to scroll through our Menu page.

On desktop everything is fine. On mobile, the section headers which contain the ID’s is scrolling behind the Sticky Header.

How can we fix this so that when it stops scrolling it shows the section header?

Thanks,

Micah

[ruenel]

Hello There,

Thanks for writing in! The normal anchor links will display the section to the top of the browser. With one page navigation feature, the menu will adjust with the height of the navbar and display the section right below the navbar. In your case, the Superfly menu does not support one page navigation which is why the title of the section is behind the navbar. What you could do is to adjust the top padding of your section of at least the same height as the navbar so that the section will display correctly as you click the menu.

Hope this make sense.