# How do I make a vertical menu's submenu items drop down on hover?

**URL:** <https://forum.wixstudio.com/t/how-do-i-make-a-vertical-menus-submenu-items-drop-down-on-hover/70335>\
**Category:** Ask the community\
**Tags:** question, code\
**Created:** [April 16, 2025, 5:22pm UTC](https://forum.wixstudio.com/t/how-do-i-make-a-vertical-menus-submenu-items-drop-down-on-hover/70335 "2025-04-16T17:22:44Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![user5512](https://avatars.discourse-cdn.com/v4/letter/u/47e85d/32.png) [@user5512](https://forum.wixstudio.com/u/user5512)\
**Post date:** [April 16, 2025, 5:22pm UTC](https://forum.wixstudio.com/t/how-do-i-make-a-vertical-menus-submenu-items-drop-down-on-hover/70335/1 "2025-04-16T17:22:44Z")

</div>

How do I make a vertical menu where the submenu items drop down on hover? I don’t want it to pop up to the side.

For example, from the first image to the second image, the submenu expands down.

 ![Screenshot 2025-04-16 at 1.22.23 PM](https://us1.discourse-cdn.com/wix/original/3X/6/c/6c26a45da6d84750b3044f8d1f5fb871086ee818.png)

I know the wix does not support this but is there any code or way around this?

And help and leads are greatly appreciated!

---

<div class="post-metadata">

**Author:** ![Dena](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dena/32/80509_2.png) [@Dena](https://forum.wixstudio.com/u/Dena)\
**Post date:** [April 16, 2025, 7:05pm UTC](https://forum.wixstudio.com/t/how-do-i-make-a-vertical-menus-submenu-items-drop-down-on-hover/70335/2 "2025-04-16T19:05:45Z")

</div>

Hello:  
Not sure if you are referring to the Wix Editor or Studio, but in the Wix Editor, there is a way to align the submenu as part of customizing the design. Right now, the only options are to the left or to the right. I have actually had a lot of trouble recently getting the submenus to align properly, even just to the left or right.  
If this is part of creating a hamburger menu using a lightbox, there is a better option. We can now add hamburger menus directly. I have had better luck using the dedicated hamburger menus.  
Here’s how: [Wix Editor: Adding and Setting Up a Hamburger Menu | Help Center | Wix.com](https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-hamburger-menu)  
I hope this helps.  
Dena

---

<div class="post-metadata">

**Author:** ![user5512](https://avatars.discourse-cdn.com/v4/letter/u/47e85d/32.png) [@user5512](https://forum.wixstudio.com/u/user5512)\
**Post date:** [April 17, 2025, 2:35pm UTC](https://forum.wixstudio.com/t/how-do-i-make-a-vertical-menus-submenu-items-drop-down-on-hover/70335/3 "2025-04-17T14:35:31Z")

</div>

Hi Dena,

We are more looking to make it without a burger menu. Is there a way to code it?

---

<div class="post-metadata">

**Author:** ![Dena](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dena/32/80509_2.png) [@Dena](https://forum.wixstudio.com/u/Dena)\
**Post date:** [April 17, 2025, 5:07pm UTC](https://forum.wixstudio.com/t/how-do-i-make-a-vertical-menus-submenu-items-drop-down-on-hover/70335/4 "2025-04-17T17:07:05Z")

</div>

Sorry. I am not well-versed in code. I found this article in a search. Perhaps it can guide you? Or perhaps its a good place to start?

> **[Menu CSS Classes | Velo](https://dev.wix.com/docs/velo/velo-only-apis/$w/menu/css-classes)**
>
> You can use the classes listed below to style your Menu elements with CSS. For more information on styling your elements with CSS, see Styling Elements with CSS and the MDN CSS reference docs.

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [April 17, 2025, 5:23pm UTC](https://forum.wixstudio.com/t/how-do-i-make-a-vertical-menus-submenu-items-drop-down-on-hover/70335/5 "2025-04-17T17:23:48Z")

</div>

Will only work in a → **Wix-Studio-Editor**.  
If → user5512 ← works on an **ordinary Wix-Edito** r → **CSS won’t be an option**.

This information should always be mentioned, when working with CSS.

 ![2025-04-17 19_25_06-Window](https://us1.discourse-cdn.com/wix/original/3X/e/0/e0de6af58c09cf11687771e5ec38d0989e1daab0.png)

---

<div class="post-metadata">

**Author:** ![Dena](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dena/32/80509_2.png) [@Dena](https://forum.wixstudio.com/u/Dena)\
**Post date:** [April 17, 2025, 5:53pm UTC](https://forum.wixstudio.com/t/how-do-i-make-a-vertical-menus-submenu-items-drop-down-on-hover/70335/6 "2025-04-17T17:53:51Z")

</div>

Thanks for the follow-up. As I said, I am not experienced in using Velo.  
Dena

---

<div class="post-metadata">

**Author:** ![user5512](https://avatars.discourse-cdn.com/v4/letter/u/47e85d/32.png) [@user5512](https://forum.wixstudio.com/u/user5512)\
**Post date:** [April 18, 2025, 12:48am UTC](https://forum.wixstudio.com/t/how-do-i-make-a-vertical-menus-submenu-items-drop-down-on-hover/70335/7 "2025-04-18T00:48:50Z")

</div>

Hi there,

We are open to upgrading, as long as we can achieve what we are looking for.

Thanks for the tips
