IE and Edge not compatible with menus?


We have created a site using menus with various drop downs along with widgets as you tend to.
Upon testing the site in IE and Edge, we noticed multiple widgets not displaying in the browser and problems with our menus that we do not experience in other browsers. Dropdowns are now unresponsive?

Hi there
Hope you are having a good day and thank you for your question :slight_smile:
In order to check your question i need to see your live website, please provide url and i will take a look

I have this problem too! I wasn’t aware of this until a few weeks ago when a user of my website emailed me. They were on IE. I was really surprised…

My link:
I have a menu under “Sign In”

hey there

Please add this CSS in appearance - customize - additional CSS

.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;

Colorlib Support Team

Hi! I entered the CSS you provided, but the drop-down menu is still not showing on IE.

My link:
(I have a menu under “Sign In”)

Hi Jessie

Please start a new ticket and i will help you to fix your problem

Hello, I have the same issue, how do I go forward? Tried the code, didnt change anything. Thank You

Hi there

This problem is already reported and we are waiting for the fix from the developer

Hi there, I’m having problems with the menu on the mobile version. It just doesn’t open. The menu is simple, with no undersections. Thats the main menu.

My site is on:

I’m probably doing something wrong.

If someone could help me, I would be grateful! Many Thanks!

Hi there

Im sorry but again, I can’t do anything without a developer, they will fix it as soon as possible

I am having this issue as well and the above code is not working. What is the status of the code fix?

Hey there

problem is already reported and we are waiting for fix