[Resolved] Mega Menu Issues

Home Forums Support Mega Menu Issues

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1233214
    Gary

    I am using the CSS mega menu on my website and am having some issues. When you hover over the main menu items everything works as it should but if you mouse click on one of the main menu items like “Governance” or “Programs”, that dropdown menu shows but then when you hover on one of the other main menu items it keeps showing the menu that was clicked on and you can see part of the other menu behind it. Any help would be greatly appreciated.

    Thanks,
    Gary

    #1233365
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    This happens because the menu item you clicked on is still “active”. It’s an accessibility thing that makes the menu accessible to keyboards.

    If you need to disable it, you can do this:

    .dropdown-hover .main-navigation:not(.toggled) ul li.sfHover:not(:hover) > ul {
        left: -999px;
        opacity: 0;
        transition-delay: 0;
        pointer-events: none;
        height: 0;
        overflow: hidden;
    }
    #1233379
    Gary

    Hi Tom,

    Once again you nailed it on the first crack. Works perfect now!

    Thanks again for the awesome support. You guys are the best!

    Gary

    #1234222
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.