IE and Edge not showing dropdown hover menus

I’ve tested the site on Edge and IE multiple times, and the dropdown menu does not work. On Chrome and Firefox, it appears to be functional. Is this a known problem with the theme or is it individual to my page? I’d really appreciate help to resolve this ASAP as this site needs to be online and functioning very soon. Thank you!

I’m experiencing the same issues.

Hi there

Please try this code:

.main-navigation .menu > li:hover > ul {
opacity: 1;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
visibility: visible;
}
.main-navigation .menu>li>ul li:hover>a {
opacity: 1;
}

Add it in Appearance > customize > additional css

I’m sorry, but this should be working out of the box. When can we expect a new release, fixing these issues automatically?

Hi Martjin

I understand your position but problems may appear in any project, this is now reported and we are waiting for the fix

Thanks for all your efforts!

Hey there

You already asked this question here: https://colorlibsupport.com/t/ie-and-edge-not-compatible-with-menus/
Please don’t duplicate question