# Creating a hover-activated mega menu (Glossier-style) in Readymag

**URL:** <https://forum.readymag.com/t/creating-a-hover-activated-mega-menu-glossier-style-in-readymag/5875>\
**Category:** General topics\
**Created:** [February 4, 2026, 7:40am UTC](https://forum.readymag.com/t/creating-a-hover-activated-mega-menu-glossier-style-in-readymag/5875 "2026-02-04T07:40:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gianna](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/gianna/32/4042_2.png) [@Gianna](https://forum.readymag.com/u/Gianna)\
**Post date:** [February 4, 2026, 7:40am UTC](https://forum.readymag.com/t/creating-a-hover-activated-mega-menu-glossier-style-in-readymag/5875/1 "2026-02-04T07:40:07Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)\
**Post date:** [February 18, 2026, 8:32pm UTC](https://forum.readymag.com/t/creating-a-hover-activated-mega-menu-glossier-style-in-readymag/5875/2 "2026-02-18T20:32:31Z")

</div>

hey,

I´m pretty sure this is not possible without custom code… sorry

---

<div class="post-metadata">

**Author:** ![David\_Mithen](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/david_mithen/32/3482_2.png) [@David\_Mithen](https://forum.readymag.com/u/David_Mithen)\
**Post date:** [February 23, 2026, 11:27am UTC](https://forum.readymag.com/t/creating-a-hover-activated-mega-menu-glossier-style-in-readymag/5875/3 "2026-02-23T11:27:50Z")

</div>

Thank you for the information.