Anchor link doesnt target the top of the container ?

Hi there,

That's because you are using this CSS to make the entire header sticky:

#masthead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10000;
}

The only solution I can think of is to use the navigation as header option:
https://docs.generatepress.com/article/navigation-as-a-header/

With the smooth scroll option:
https://docs.generatepress.com/article/smooth-scroll/

I use this css cause i use your theme, i dont think i added this piece of css myself ;)

I'll check what you suggest tonight and give you some feedback.
Thanks Leo !

[EDIT] Actually the piece of css was give to me by your support: https://generatepress.com/forums/topic/sticky-header-12/
Does your suggestion to use the navigation as header involve removing the piece of CSS to make the navigation sticky ?

Hi there,

the original example provided in the other topic had a more complicated header which is why CSS was provided.
Instead you can:

a) remove the CSS provided.
b) in Customizer > Layout > Header enable the Navigation as Header.
c) enable the Sticky Navigation in Customizer > Layout > Sticky Nav
d) enable the Smooth Scroll in Customizer > General and see here how to apply to your links:

https://docs.generatepress.com/article/smooth-scroll/

The GP Sticky Nav with the Smooth Scroll will offset the height of the sticky nav when that link is jumped to.

Hi, thanks for your detailed answer.

I activated the Navigation as a Header and then the Sticky Nav.
The links to the anchors work better.
But with the Navigation as a header the logo image doesnt show up properly, the height of the menu seems to be the problem now:
http://skravik.alambic.bzh/nous-contacter

You can adjust the menu item height at customizer > layout > primary navigation > menu item height.

Let me know if this helps :)

Ying: Thanks for the obvious solution... Did not explore all menus enough yet.
Will come :)

You are welcome :)