[Feature Request] Header Builder - Show Sticky Menu Only On Reverse Scroll

[Ravi]

The option hide initially and sticky menu are fine.
But please add the option “Show sticky bar on scroll back, but hide when scrolling down”

[paul.r]

Hi Ravi,

I will forward this as a feature request.

For the mean time, you an try adding a class to your bar

Then add this in Theme Options > JS

(function($){
	var iScrollPos = 0;
	 
	$(window).scroll(function () {
	    var iCurScrollPos = $(this).scrollTop();
	    if (iCurScrollPos > iScrollPos) {
	        //Scrolling Down
	        $('.my-bar').addClass('hidden-away');
	    } else {
	       //Scrolling Up
	       $('.my-bar').removeClass('hidden-away');
	    }

	    if(document.body.scrollTop == 0) $('.x-navbar').removeClass('hidden-away');

	    iScrollPos = iCurScrollPos;
	});
})(jQuery);

and add this in Theme Options > CSS

.my-bar {
    opacity: 1;
    transition: all 0.5s ease;
}

.my-bar.hidden-away {
    opacity: 0;
}

Hope that helps