I’m trying to figure out how to add a fade-out transition for the mega menu when a user moves their mouse away from the nav or mega menu container. It has a nice fade in transition but just closes out abruptly when the user mouses away. I can’t figure out how to address this. I’m thinking it should be as simple as adding a CSS transition rule somewhere.
Example. Screencastify
Notice how it fades in and then closes abruptly.