Dropdown on hover stopped working

I made a mega menu that uses dropdown toggles and opens on hover. It seems that once I turned the navigation bar into a symbol, moving from the toggle to the dropdown list doesn’t work anymore and the menu closes before being able to get there.

I have tried messing with the z-index to see if that was the problem but to no avail.

Looking for suggestions. Link below.


FIXED: Set the nav div to z-index 10 and mega menu to z-index 1000