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

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

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

How did you fix this bug?)