Hello,
I’m trying to use anchor links to navigate through a page, but whenever the link is clicked the section ends up covered by the sticky header. See example here:
I’ve tried using the CSS property “scroll-margin-top” but it isn’t recognized, I think it’s because smooth scrolling is handled through javascript. How can I achieve a similar effect (being able to define the margin top when scrolling through an anchor link)?
The issue is a bit more complicated than shown in the example, as the problem is happening in another page: https://savantwms.oriolremolina.com/features/
Where I have not only the sticky header, but also a sticky section. In this case the Accordion element (created in the included WP Bakery Page Builder) sections scroll to the top when active, but are being covered by the sticky section above. I’d like to be able to define the scroll margin top when the section is active.
Thank you,
Oriol Remolina
