close stiky menu when scrolling

  • Resolved jez86

    (@jez86)


    7 years, 2 months ago

    Hello,

    I don’t think it’s a provided feature, but I would like to know if there’s a way to close the menu on mobile when user is scrolling (like a click on the X icon) because I want the menu to be sticky but not to stay opened.

    To go further it could be great to be able to customise the sticky menu as a specific menu (I mean the “Toggle Bar Designer”). For example, when the user is scrolling, I can add a logo linked to my homepage in the Toggle bar (which I don’t want when the user is at the top of the page because it is already there)

    Thanks
    Jez

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi Jez,

    It’s not possible to close the sticky menu when the user starts scrolling, I think that might be quite frustrating for users (if the user accidentally scrolls just a little bit, the link they’re trying to get to will disappear). If you did want to try it yourself, you’d need to write some custom JavaScript which monitors whether the user is scrolling, and if so remove the ‘mega-menu-open’ class from the menu.

    Showing a toggle block only when the menu is sticky is not an official feature, but may be possible with some custom CSS. For example, this will hide the “Person” icon from your toggle bar until the menu sticks:

    #mega-toggle-block-4 {
    display: none !important;
}
.mega-stuck #mega-toggle-block-4 {
    display: block !important;
}

    Regards,
    Tom

    Thread Starter jez86

    (@jez86)

    Thanks Tom for your quick answer and your helpful tips.

    I mark the post as resolved because it is not about provided features.

    Regards,
    Jez

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘close stiky menu when scrolling’ is closed to new replies.