[Support request] Anchor point hidden by Menu

[Ronny]

Hello,
I try to make my own TOC and when it jumps to the anchor mark the actual heading is hidden by the menu. Is there a possibility to add some space?
This is a try page to see the problem.
https://www.diving-canary-islands.com/sitemap-try/

[David]

Hi there,

You can try add this CSS hack to your headings – first your Heading markup would be like this:

<h2 class="jump-link">Heading listed in the TOC</h2>

Then this CSS:

h2.jump-link {
    padding-top: 70px;
    margin-top: -70px;
}

The only negative is some older browsers may ignore the padding offset method.

[Ronny]

It’s working 🙂 Thank you, just switched to 100px to have a little more space

[David]

Glad to be of help

[Author]

Posts