Helix Ultimate & Pagebuilder - Anchor Links Scrolling Behind A Sticky Header
Addington
Hi,
I have a number of buttons around my site which point to a section further down the page. When the button is clicked, it goes down to the section marked, but the top of the section is always hidden underneath the sticky menu.
I have tried to solve it by trying both the scroll-margin-top and scroll-padding-top css into the page builder section and the template but it doesn't seem to work for either. Is there a setting at template level, or another way to ensure that the section top is always displayed below the bottom line of the sticky header?
Thanks
Rashida Rahman
Accepted AnswerHi there!
Thanks for your query.
I have checked your site and it is looking good at my end.
You have adjusted your section with top padding value as I can see. Yes, you can use padding/margin to your intended section to get it started after the header height.
Best Regards
Addington
Accepted AnswerHi,
Thanks for your answer.
When I hit the button the first time, it scrolls down to halfway down the section, with most of the content hidden under the sticky header. However, the url generated is as shown in the hidden content, with the section ID added. When I then scroll back up to the top of the page and hit the button again, it slides back down to a perfect position. I have tried this in Chrome, Edge and Firefox, with exactly the same results.
I am stuck what to do. I have shown the button url and the section ID in the hidden content,
Thanks