Sticky Header reappear on up scroll?

[fireflight]

I’m using Pro and when on mobile I’d like the Sticky Menu to disappear when the page is scrolled down, but reappear when you scroll the page back up.

According to Christian_y this is possible in Pro (https://theme.co/apex/forum/t/sticky-header-reappear-on-upscroll/23575). I tried a few different settings but had no luck. How do I implement this?

[ruenel]

Hello @FireFlight,

Thanks for writing in!

To achieve what you have in mind, please edit your header and insert this custom css:

@media(max-width: 979px){
    .x-bar-is-sticky {
        transition: opacity 1s ease;
        visibility: visible;
    }

    .x-bar-is-sticky.x-bar-fixed {
        opacity: 0;
        visibility: hidden;
    }    
}

We would loved to know if this has work for you. Thank you.