Primary Submenu options are highlighted, but the submenu doesn’t drop

  • Resolved papyrusdoc

    (@papyrusdoc)


    6 years, 3 months ago

    First of all, thanks so much for this awesome plugin! I have tons of Divi sites and this plugin is a lifesaver.

    On this site, when using the keyboard to navigate, my primary submenus won’t visually drop, to show that the options are visually highlighted. I assume I have some other setting somewhere that is probably conflicting with the menu, and wondered if you’d come across this before.

    Also, I am wondering if there are any known conflicts with WP Accessibility, which I use for the toolbar on the side.

    Thanks again!

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Alex Stine

    (@alexstine)

    Hello @papyrusdoc

    Could you please try this beta? This should fix the issues you are facing.
    https://drive.google.com/file/d/15gFVKhAejQH5u2Ln2IAbFcSCRACT5B2C/view?usp=sharing

    Thanks.

    Thread Starter papyrusdoc

    (@papyrusdoc)

    Thanks. I tried the beta, and am still having the same issue. On https://esterofire.org/ the primary menu won’t drop down via keyboard navigation.

    I did notice one change between the last version of the plugin and this beta. In 1.2.2, the outline box would disappear because it was highlighting the links in the submenus (which weren’t visible, but did function if you pressed enter). With version 1.2.3, it goes directly to the next primary link and skips the drop-down altogether…

    I deactivated all plugins except divi accessibility and got the same response.

    Thanks for your help with this. And again, thanks so much for the plugin to begin with.

    Is there any solution? I have the same Problem…

    I used this CSS trick to show up.

    li.menu-item-has-children:focus-within > ul {opacity: 1 !important;}
li.mega-menu:focus-within > ul {opacity: 1 !important;}

    I hope, it will help.

    Thread Starter papyrusdoc

    (@papyrusdoc)

    Thank you @mohsinrasool, that worked perfectly!

    Adding thanks to @mohsinrasool. Not sure what broke between 1.2.1 and 1.2.2, but that CSS fixed it!

    Also, to @papyrusdoc, I also use WP Accessibility and the only weirdness I’ve ever found is when I had skiplinks enabled in both plugins, the WebAIM accessibility checker flags an error due to duplicate skiplinks.

    Just as an FYI used this code for keyboards with the use of a MEGA menu:

    
/* drop down menu items for keyboards */
ul li:hover > ul, ul li:focus-within > ul, ul li ul:hover {
visibility: visible;
opacity: 1;
display: block;
}
#main-header .menu-item-has-children:hover > ul, #main-header .menu-item-has-children:focus-within > ul, #main-header .menu-item-has-children:hover {
visibility: visible;
opacity: 1;
display: block;
}

    Sorry, Edit on the last code posted should be: 

    /* drop down menu items for keyboards */
ul li:hover > ul, ul li:focus-within > ul, ul li ul:hover {
visibility: visible;
opacity: 1;
display: block;
}
#main-header .menu-item-has-children:hover > li, #main-header .menu-item-has-children:focus-within > ul {
visibility: visible;
opacity: 1;
display: block;
}
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Primary Submenu options are highlighted, but the submenu doesn’t drop’ is closed to new replies.