[Resolved] Main navigation menu overlaps HTML anchors Hs

[Victor]

Hi!

I tried to find a solution, but I cannot find it within your forum.
Whenever I a button that links to an HTML link, the Main Navigation Menu overlaps H2s.
I would like to replicate the same “offset configuration” of TOC (table of content). If I click the same link through TOC, offset is just perfect!
Could you please tell me how to offset the main navigation menu?
Thanks!

[Leo]

Hi there,

Can you try the smooth scroll option?
https://docs.generatepress.com/article/smooth-scroll/

It should compensate for the sticky navigation height.

[Victor]

Hi! Not working.

Smooth Scroll Option was already ticked on Customize/General

I inserted smooth scroll class to the first H2 of the page below and is not working.

Please check. Thanks.

[Victor]

Please, have a look at this new example.

[David]

Hi there,

the GP Smooth Scroll works like so:

1. The smooth-scroll class is added to the button / link – not the Element it scrolls to.
E.g

<a class="smooth-scroll" href="#section-1">Scroll to section 1</a>

Scrolls to:

<h2 id="section-1">I am section 1<h2>

2. It only works if the href links to the same page and the URL is only a #

[Victor]

Hi!

Thanks for the detailed explanation. It works now.

But, as you said, on the same page.

Is there any way to make it work with an href linking to another page?

It is very important for me.

Thank you VERY much!

[Victor]

Hi! Don’t worry people!

I solve it with a separator and a spacer (above the H2) adding the html anchor to the separator…back to the basics!

Thanks anyways.

[David]

Glad to hear you found a solution 🙂

[Author]

Posts