Hide Menu Bar

[crosstownalliance]

Does anyone know how to hide a the menu bar after you scroll down a bit with the X Pro?

[Themeco1]

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up.

For support, all questions are to be posted in the Themeco category or by clicking + Support. The other categories are for discussion with fellow Apex members. Please keep this in mind in the future. Thank-you!

How support works.

[paul.r]

Hi,

To Hide your menu bar, add a unique id to your Header Bar.

Then add this in PRO > Launch > Theme Options > JS

jQuery(function($){
  $(window).scroll(function(){
    var aTop = $('#mybar').height();
    if($(this).scrollTop()>=aTop){
         $('#mybar').hide();    
    } else {
         $('#mybar').show();   
    }
  });
});

Hope that helps.

[crosstownalliance]

Hey Paul,
First of all, Thank you so much for your reply.
Second, Is there a way to control how far down the page that I can shut it off and then reveal a new menu at that point? Here is the website I am trying to mimic as far as menu goes: https://hillsong.com

Thanks in advance!
Gordon~

[crosstownalliance]

I figured it out. This is what I did:

jQuery(function($){
 $(window).scroll(function(){
var aTop = $('#mybar').height()+900;
if($(this).scrollTop()>=aTop){
     $('#mybar').hide();    
} else {
     $('#mybar').show();   
}
});
});

[ruenel]

Hello There,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.