BUG - "Go to Section/Element" Hidden Beneath Sticky Header
R
Robert Wazlavek
For websites, you can create a header with menu buttons that takes the visitor to a specified section on the current page. This is particularly helpful for single page websites.
The problem is that if you have a sticky header, when you click the button and are taken to the section, the section will be hidden behind the sticky header. It creates for a bad/ugly user experience.
Please fix this bug. If you have a sticky header, and use menu buttons to go to sections, the section you're brought to should be below the sticky header so the top of the section is visible and not cut off.
Log In
S
Snowy Frankland
Actually found a very simply solution haha, just paste this in your custom CSS code and adjust the pixels and it will work perfectly:
html {
scroll-padding-top: 100px; /
Adjust this value to the height of your sticky header
/}
S
Snowy Frankland
Has anyone found a quick fix for this? I'm playing around with padding to line it up but it's not a great solution.