The Easter Sale is on! Join now or renew your subscription with a 25% OFF! Read More

Support Forum

Sticky menu only when scrolling up

Morten
Morten
Offline
Hi
https://hppbot.karuny.co.uk/

I have a few problems on the "Construction" template and it has to do with the sticky menu
I want it to be sticky only when scrolling up.

In the header in Basic Outline --> Layout --> header from start i had:
data-uk-sticky {top:-700, animation: 'uk-animation-slide-top', media: 768}

But that is for sticky all the time
I removed it to try some other options in the Uikit instructions here: https://getuikit.com/v2/docs/sticky.html

But could not find out howto so i wanted to put the original sticky menu back but it does not save it

Could you advice what I should do to get the menu sticking only when scrolling up

I have added a different main menu for desktop (JUX mega menu) and your build in menu for mobile, however the setting should be applied on the whole header element so i guess it should not matter.

Hope you can help

Thanks
Morten
Responses (5)
Sorry, but you are not allowed to view the replies here.
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!