Header menu covering the anchors
Hello!
When wanting to use anchors on your page and still keep the header menu when scrolling down. You usually step into the issue where the header menu covers the text or the anchor you are using on the page.
Have read almost all of the help topics about this on the form and there are mostly fast solutions which involves adding a margin to the specific anchor or adding a hidden object. Those are not smart solutions, and no viable if you want to have more than 3 links, it is also a hassle to keep in maintenence.
A smart solution would be
html {
scroll-padding-top: 4rem;
}As described in https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html
However it does not work with Brizy WP or Brizy Cloud when we are trying it.
Why is that and is there a smart, long-term, and sustainable solution to this?
-
Hi,
Thank you for reaching out to us.
Unfortunately, we do not currently have a permanent solution for this issue. However, we have recently received a similar request and will forward it to our developers as a feature improvement for upcoming updates. In the meantime, we recommend implementing a temporary solution by adding a margin or a spacer element, as suggested, until a more suitable resolution is found.
Sorry for the inconvenience.
Best regards,
Ariel H.0
Please sign in to leave a comment.
Comments
1 comment