# How to add submenus in Hamburger menus

**URL:** <https://forum.builder.io/t/how-to-add-submenus-in-hamburger-menus/2253>\
**Category:** Technical Questions\
**Created:** [June 9, 2022, 10:32am UTC](https://forum.builder.io/t/how-to-add-submenus-in-hamburger-menus/2253 "2022-06-09T10:32:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![olivela](https://avatars.discourse-cdn.com/v4/letter/o/2bfe46/32.png) [@olivela](https://forum.builder.io/u/olivela)\
**Post date:** [June 9, 2022, 10:32am UTC](https://forum.builder.io/t/how-to-add-submenus-in-hamburger-menus/2253/1 "2022-06-09T10:32:33Z")

</div>

Hey everyone!  
Thanks for checking out this problem.

1. How can we add submenus to Hamburger menus which will open on click on main menus ?  
pasting this link just for reference. please open it in mobile or tablet view and check the menus.  
[https://www.net-a-porter.com/en-gb/](https://www.net-a-porter.com/en-gb/)

Your help will be greatly appreciated. Thank you for your time.

---

<div class="post-metadata">

**Author:** ![logan](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/logan/32/5564_2.png) [@logan](https://forum.builder.io/u/logan)\
**Post date:** [June 9, 2022, 12:53pm UTC](https://forum.builder.io/t/how-to-add-submenus-in-hamburger-menus/2253/2 "2022-06-09T12:53:16Z")

</div>

Hi @olivela, and welcome back to the forum! We hope you’re doing well.

I’m hearing that you’d like some guidance on recreating the menu that slides into view when the hamburger button is clicked. What aspects of the process of building this interaction are you needing help with?

Thank you,  
~Logan from [Builder.io](http://Builder.io)

---

<div class="post-metadata">

**Author:** ![olivela](https://avatars.discourse-cdn.com/v4/letter/o/2bfe46/32.png) [@olivela](https://forum.builder.io/u/olivela)\
**Post date:** [June 9, 2022, 1:12pm UTC](https://forum.builder.io/t/how-to-add-submenus-in-hamburger-menus/2253/3 "2022-06-09T13:12:52Z")

</div>

Hi,  
My concern is, I want add submenus, when we click on main menu items then submenus will open with same way that main menu opens after clicking on burger icon.

for reference you can check this link in mobile or tablet view

> **[NET-A-PORTER | Luxury Fashion, Beauty & Lifestyle for Women](https://www.net-a-porter.com/en-gb/)**
>
> Shop our edit of women's fashion, beauty and lifestyle from over 800 of the world's most coveted brands at NET-A-PORTER

---

<div class="post-metadata">

**Author:** ![logan](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/logan/32/5564_2.png) [@logan](https://forum.builder.io/u/logan)\
**Post date:** [June 9, 2022, 1:55pm UTC](https://forum.builder.io/t/how-to-add-submenus-in-hamburger-menus/2253/4 "2022-06-09T13:55:49Z")

</div>

Hi @olivela,

You can create this type of menu by using [State, Actions,](https://www.builder.io/c/docs/guides/state-and-actions) and [data binding](https://www.builder.io/blog/builder-data). You can see an example of a working navbar with a hamburger menu at this Fiddle (when in mobile breakpoint): [Builder.io: Drag and drop page builder and CMS](https://builder.io/fiddle/a03d58f88f534c8e924f77be9defff57)

Thanks!