Offset pixels only when scrolling back to top?

Hi,

You might be able to do it using plugin’s offset expressions. Can you post your site/page URL so I can check it?

Hi there, yeah. Here you go: Girokonto-Vergleich | Finde das beste Girokonto (inzpyre.me).

This page is a good example when using the anchor links from the toc to scroll back to top.

Many thanks for your effort.

I checked it and offset expressions won’t work with the way your header menu works. The only thing that might work is perhaps using plugin’s auto-adjust scrolling option.

First, add the following to your custom/additional CSS:

.shiftnav--scroll-down .ubermenu-sticky.ubermenu .ubermenu-nav {
    height: 0;
}

Second, go to “Page scroll to id” settings and set the “Offset” option value to:

.ubermenu-sticky.ubermenu .ubermenu-nav

and enable/check “Verify target position and readjust scrolling (if necessary), after scrolling animation is complete” option.

Save changes, test and let me know.

Thanks for trying to help. I have just inputted your snippets and settings. However, this seems to not work. Any further idea? Otherwise I guess I need to live with it.

OK try another approach:

Remove the previous CSS:

.shiftnav--scroll-down .ubermenu-sticky.ubermenu .ubermenu-nav {
    height: 0;
}

and add a new one:

.shiftnav--scroll-up ._mPS2id-t{
	margin-top: -55px;
    padding-top: 55px;
}

Leave the other settings as they are.

I have just exchanged the CSS snippet. However, now the problem is that there is a huge gap in both directions. Maybe you can try in private mode urself. BTW: Shiftnav should only be used in mobile mode, not desktop.

I can’t really see any huge gap. You can lower the pixels, e.g.:

.shiftnav--scroll-up ._mPS2id-t{
	margin-top: -25px;
    padding-top: 25px;
}

The Shiftnav classes in your theme are in both desktop and mobile. Will this change?