Direct links to sections hide their title behind the fixed navbar #2093
Description
Bug Report
hasgeek-section-anchor.mp4
When linking to a specific section via # fragments in the url, (like the Membership section for the "Become a Member" CTA), the header is hidden since by default the browser will have the element at the top of the viewport, unaware of the fixed header or other content that could hide it.
Potential solution
There is a scroll-padding-top property in CSS that was designed to address this problem, which indicates to the browser that when scrolling there should be a padding consider. This is usually set to be equal to the height of the fixed header.
Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-padding-top