Tab through Divi Mega Menu closes on second column first sub-item

[ramseyba]

Tab through Divi Mega Menu, and it closes prematurely on the second column first sub-item.

If you need a link, can I send it privately?

Thanks!

[soleto]

Lasts versions of Divi hide the submenu when you change the focus to another parent level that has no other submenu inside using tab key navigation.

I´m triying this but it doesn´t work. Mi knoweledge of CSS is poor. :)

.menu-item li > ul.sub-menu { display: none; } .menu-item li:hover > ul.sub-menu { display: block; } .menu-item li a:focus + ul.sub-menu { display: block; }

[soleto]

I solve it with this code:

li:focus-within > ul
{
opacity: 1;
visibility: visible;
}
.menu-item li a:focus { display: block; }

[soleto]

Have you solved it?

[ceswebmaster]

Just want to make sure I comment on this as it's still an issue that pops up but Soleto's CSS tweak solves this and just saved me a bunch of time

[soleto]

Nice to hear that @ceswebmaster

[christinagwira]

li:focus-within > ul
{
opacity: 1;
visibility: visible;
}
.menu-item li a:focus { display: block; }

This code works perfectly for my other issue #87
I'm now able to tab through using the Menu Module in the Theme Builder. Thank you!