Mobile navigation disapearing on scroll down and apear on scroll up

Hi,
on mobile view is it possible to have a navigation disapear when scrolling down and appear only when scrolling up like this page www.axilis.com

My page is www.mogli.ga

Hello there,

I am sorry there is no such that option by default. However, you still have an opportunity to accomplish it by adding some extra jQuery code to your site. Please follow these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

;(function($) {

  if ( matchMedia( 'only screen and (max-width: 1024px)' ).matches ) {  
    
    var previousScroll = 300;
    $(window).on('load scroll', function(event) {
    
       var scroll = $(this).scrollTop();
        
       if( scroll > 200 ){
       
         if (scroll > previousScroll){

             $('.site-header.float-header').animate({
              'top': '-170px'
             }, 15);
             
         } else {

            $('.site-header.float-header').animate({
             'top': '0px'
            }, 10);
            
         }

       }
       
       previousScroll = scroll;
       
    });

  }

})(jQuery);


  1. Update

Make sure you clear site caching (if enabled) before reloading your site. Otherwise, the new code addition won’t take affect.

Regards,
Kharis