The top bar menu works on all web browsers except IE and Edge

I have a website with Shapely theme and have a top bar menu with submenus.
It works great on Chrome, Firefox, Opera, but in IE and Edge it doesn’t show the submenu items when you take your mouse pointer over or click on down arrow. The attached images show the problem.

What am I doing wrong? Seems that the problem might be in the class “dropdown-menu”.
The website is at https://www.cyprusweddingadvisor.com

Hi there
Hope you are having a good day and thank you for your question :slight_smile:
This an issue with the current version of the theme. The developer is already aware of the issue and looking into it.

You can use this plugin to downgrade theme version:

Thanks!
Colorlib Support Team

I have rollback to 1.2.6 version to make it work.

Hey there

try this code please:

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