I’ve updated it. of course we couldn’t click the links, because I stupidly said may Interaction to HIDE the drop down menu when HOVER OUT of the menu item. So I simply removed to HOVER OUT thing, and added a new interaction that hides the drop down menu when HOVER OUT of itself.
I gave a 50px padding to the drop down menu, then I translated it 50px upper (set to position:relative). I didn’t have to mess with the Z-index because the menu is already on top of the menu item. This is important because a hover property doesn’t work for an object hidden or partially hidden behind something else. So I removed the background color of the menu. Instead I gave a class to the links and gave them a background.
So now, when you hover the menu item, it shows the menu, and you’re already hovering it. when you move outside of it, it closes it.
Another issue ? 