I’m in the process of building a drop down mega menu for my site with link blocks in the nav bar that have hover interaction that shows and un-shows a div block (the mega menu). I want to make it so that when I hover over the link and the menu pops up I can move my mouse down to the menu without it disappearing. At the moment when my mouse leaves the hover trigger (link block) the menu disappears as per the hover out interaction. Any ideas on how to keep the menu there if the mouse is on it?
Here’s my project