Hi
As we can see on many sites nowadays the use of hide menu bar when scroll down and reveal it when scroll up is commun.
Would it be possible to add this features?
Maybe it’s possible with some custome JS but it’s a pain.
Thanks
Please look at this site: https://www.nadine-chaudier.net/ then scroll down then up > you see the behavior of the menu bar? That’s what I would like to have (both on desktop and mobile).
> This behavior is a part of the theme (GeneratePress)
There is an existing library to do that: http://wicky.nillia.ms/headroom.js/ and I have tried to implement it to play with your plugin but it’s not easy at all.
(THe option you are refering is located in the Container Section but do not seem to do what I what want…
So you are referring to the Header Bar it seems then.
In that case, yes that option is on my current development list.
Looking at that plugin you are referring to, it should be as easy as in their example, what issue are you having?
// grab an element
var myElement = document.querySelector("responsive-menu-pro-header");
// construct an instance of Headroom, passing the element
var headroom = new Headroom(myElement);
// initialise
headroom.init();