Mobile Menu Visibility (ScrollTrigger)

Hi,

Let’s try some css and some js.
Add the code below to the custom css option.

.mob_menu_header_div{
     display:none;
}

Also add this custom js

jQuery(document).scroll(function() {
            var y = jQuery( 'body' ).scrollTop();
            if (y > 60) {
                jQuery( '.mob_menu_header_div' ).fadeIn();
            } else {
                jQuery( '.mob_menu_header_div' ).fadeOut();
            }
});

Let me know if it worked.

[ Signature moderated ]

• This reply was modified 7 years, 2 months ago by Jan Dembowski.

Hi,

Thank you for taking the time to reply back to me. Unfortunately it doesn’t look like the code did anything.

Now I am thinking perhaps I put the code in the wrong place. I could not find a box for ‘js’ so put all the code you gave me under mobile menu option > General options > Custom CSS. Kindly directly to the correct location, I am not too savvy with coding.

I left the bar fully activated on my site, if you visit samirsigns.com, you can see it at the top. I would simply like it to only appear when someone scroll pass the native header.

Thank you

Nope, you can’t place the js in the css field. Will probably add a new custom js field option in a future version to handle this situations.

Replace the current mobmenu.js file located at wp-content/plugins/mobile-menu/includes/js/ by this one

https://www.dropbox.com/s/dbii8twx31pcvg3/mobmenu.js?dl=0

-Rui Guerreiro

Will close the topic for now. Let me know if you need further help.

[ Signature moderated ]

• This reply was modified 7 years, 2 months ago by Jan Dembowski.