Mobile Menu Visibility (ScrollTrigger)

  • Resolved tkaram

    (@tkaram)


    8 years, 10 months ago

    Hi,

    This widget is great, I love the customizability. But there is no scroll Trigger. Is there any custom CSS so that I can have the bar appear on desktop view when the website is scrolled down past the native menu/header. I think for me the native menu would be when the website is scrolled down 60 px.

    This way it only appears after someone scrolls down.

    My website is: SamirSigns.come

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    8 years, 10 months ago

    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 8 years, 8 months ago by Jan Dembowski.
    Thread Starter tkaram

    (@tkaram)

    8 years, 10 months ago

    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

    Plugin Author Rui Guerreiro

    (@takanakui)

    8 years, 10 months ago

    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

    Plugin Author Rui Guerreiro

    (@takanakui)

    8 years, 10 months ago

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

    [ Signature moderated ]

    • This reply was modified 8 years, 8 months ago by Jan Dembowski.
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Mobile Menu Visibility (ScrollTrigger)’ is closed to new replies.