Scrolling different on PC/smartphone due to menu

Hi there,

i linked an #anchor on my homepage from the top menu.

when following it on Desktop, the menu covers the target.
when following it in smartphone, menu dues not cover the target.

as a result, the link behaves different and is not responsive. Any idea?

Picture: naturheilzentrum-falkensee.de/#lex
grafik

When i put the anchor where i want it to be (naturheilzentrum-falkensee.de/#lex2) it looks like this:
smartphone fine, PC broken (title is under the menu)
blue line = anchor
grafik

Hello,

You can try to use the Page scroll to id plugin in order to adjust the offset:

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

hi there, nice plugin, thanks!

But the offset is only needed by Desktop Version (menu is not visible on mobile version), to how to make the offset responsive?

Greetings Matt

Hello Matt, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (min-width: 1024px) {
    #lex2 {
        margin-top: -110px;
        padding-top: 110px;
    }
}

Kind Regards, Roman.
aThemes Support