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.

https://preview.webflow.com/preview/songhees?utm_medium=preview_link&utm_source=designer&utm_content=songhees&preview=e44ac736163e6cdcf7d0f11a502f5d01&workflow=preview

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