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?

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.

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 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?