Anchor Links Top Margin overriden by header navigation bar?

Hi there,

I have a problem with scrolling to anchors.
The top-margin of the sections is not pickep up. it seems to be overridden by the header menu bar.

So what happens is that when i click an anchor link, it scrolls too far down and the headline is not fully visible.
Can you help me get a solution to that?

thank you in advance,

this is the URL i am referring to (example):

Hello there,

I hope you are doing well today.

When I tested the page the menu links scroll down to the title and the top of the title touches the bottom of the navigation bar.
So please try clearing your browser cache and refreshing the page.

Best Regards,

Hi there,

Thank you so much for looking into this.

I did not make myself clear: i want to increase the top-margin of the anchor.
I need to have like one line inbetween the headline and the navigation bar.
and that without increasing the padding of the section.

this is what i have:
<section id=“anchor”>



and i tried this

#anchor::before {
display: block;
content: “”;
margin-top: -100px;
height: 100px;
visibility: hidden;

This didnt help at all, had no effect.

Any idea?