Hi, I’m trying to create a hover-activated mega menu similar to the one used on Glossier’s website (where hovering over “Makeup” reveals a large dropdown panel with multiple columns of links).
What I need specifically is:
-
A fixed top navigation (Explore, About, Cart, etc.)
-
When the user hovers over “Explore”, a large panel appears below it
-
The panel should stay visible when the cursor moves from the menu item into the panel
-
The panel should hide when the cursor leaves both the menu item and the panel
I’m not looking to use custom code, I want to achieve this using Readymag’s interactions and pin-to-screen features.
Has anyone built this kind of menu in the current Readymag UI, or can point me to the correct way to set up the hover and hide/show interactions?
Thank you!