Hover Out Menu Sticks

  • Resolved CaldwellYSR

    (@caldwellysr)


    10 years, 10 months ago

    This is after an update, I can’t seem to figure out where the issue is coming from. Basically I have 3 mega menus that fly out on hover. If you hover on one of them and then go off that one straight up (not immediately hovering another item) it will close correctly. However if you quickly move back and forth between the first three (Members, Providers, Pharmacy) directly then one of them will get stuck. The easiest way to replicate the issue is to hover Members then switch between them without moving your mouse off the main bar. Eventually one of the buggers will get stuck.

    The Site

    In the inspector I have watched the elements change and the issue is that the one that gets stuck keeps display: block on the .mega-sub-menu. I can’t find any way to fix that without editing plugin code directly and even then I wouldn’t know where to edit it.

    https://wordpress.org/plugins/megamenu/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter CaldwellYSR

    (@caldwellysr)

    10 years, 10 months ago

    jQuery('.mega-menu-item-has-children').hover(function() {
}, function() {
  var flyout = jQuery(this).children('ul');
  flyout.css('display', 'none');
});

    for now I have fixed it with this ugly jquery…

    Plugin Author megamenu

    (@megamenu)

    10 years, 10 months ago

    Hi Caldwell,

    I’ve taken a look at the page source and can’t see any suspicious JS (I suspect there’s some conflicting JS on your site somewhere that’s causing the issue).

    I’d recommend installing AdBlock to block all .js files on your site. Then you can unblock them one by one until the menu starts working as expected to discover where the conflict is.

    Regards,
    Tom

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Hover Out Menu Sticks’ is closed to new replies.

Tags