Sticky banner below fixed nav bar covering anchor link on page scroll

Design help General
1

I have a table of contents on a CMS page that was built with custom code. When you click on an item in the table of contents, it scrolls to that section of the CMS blog post. Unfortunately, because of my sticky banner attached to my fixed navbar, whenever a section is clicked, the banner covers the title of that section. I need to offset the scroll but it’s proving to be difficult since the anchor points are within rich text elements.

Any assistance would be greatly appreciated!

Here is my site Read-Only: Webflow - Pieces Rebuild

2

Haven’t found an easy solution in the UI but if you’re adding code then this discussion seems to have solved the problem by offsetting the scroll. https://github.com/twbs/bootstrap/issues/1768

3

How did you fix this bug?)

1 Like
4

We had the same issue on the Memberstack website and documented a solution here. #138 - Anchor Link Scroll Offset | Webflow Powerups