Menu not working well on desktop-version

My menu does not work properly anymore on the desktopversion of my website (Shapely template). The drop-down (menu0item Shop) does not show anymore and the color is wrong (now blue and before red as it is on the mobile menu). I reported it already as an reply on an older topic, but I understand from a reply form the keymaster (Noda) I have to add a new ticket?
Website is www.eerlijkazie.nl

Hey there

Thank you for opening a new ticket, yes indeed it’s better to open a new ticket
right now I see your menu is working just fine, is your problem resolved?

https://www.loom.com/share/34642ac11c3b4b9aad5b0b476ec8662c

Sorry, but in MS Edge the menu is still not working well and also the colors are not right (blue instead of red)?

Good morning

Please try this code too:

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