Hover issue on multiple mega menus

Hi!

I have a website with a horisontal primary menu (with menu items like: Home, Products, Support, Company, Contact) where the menu items Products, Support & Company shows different mega menus, containing custom widgets.

On hovering a menu item, its own mega menu displays. But when trying to reach the content in the Products or Support mega menus, the entire mega menu disappears and instead displays the mega menu belonging to Company.

More specific: It seems like all 3 mega menus are stacked upon each other all the time; when 2 of them are invisible as well as when all 3 are invisible. When hovering the currently open mega menu, if the cursor hovers an area which contains any content on a mega menu higher up in the stack, that menu becomes visible and the lower one hides. This means that the submenu content for menu items Products and Support can never be reached.

Same issue when menu is set to display mega menus on click or hover intent.

The website is still on a local xampp-server, thus I’m unable to provide a link. I hope that you still can figure out any solution.

Regards,
Sanniel