# Creating menu from scratch

**URL:** <https://forum.pinegrow.com/t/creating-menu-from-scratch/8420>\
**Category:** Beginners\
**Created:** [October 7, 2023, 9:40am UTC](https://forum.pinegrow.com/t/creating-menu-from-scratch/8420 "2023-10-07T09:40:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Xtrodinary](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/xtrodinary/32/5947_2.png) [@Xtrodinary](https://forum.pinegrow.com/u/Xtrodinary)\
**Post date:** [October 7, 2023, 9:40am UTC](https://forum.pinegrow.com/t/creating-menu-from-scratch/8420/1 "2023-10-07T09:40:46Z")

</div>

Hello, I am working with Pinegrow few months, but still I am true beginner. I found many tutorials and courses how to do many things, but my really pain is Wordpress menu.  
Especially when client wants someting more specific than simple Level 1 menu.

I could not find any video or tutorial, how to create menu STEP BY STEP from scratch.  
Many clients want menu, that is actually hidden behind some button and opened after clicking button/icon.

Is there some tutorial, that shows how to create this kind of menu with custom icon and other functions?

I am also looking for some good solution, how to create multi level menus. I found one tutorial, [Adding multiple levels of submenus to a Bootstrap 4 navigation bar in your WordPress theme | Pinegrow Web Editor](https://pinegrow.com/tutorials/adding-multiple-levels-of-submenus-to-a-bootstrap-4-navigation-bar-in-a-wordpress-theme-created-with-pinegrow/) but it actually did not worked for me.

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [October 7, 2023, 11:10am UTC](https://forum.pinegrow.com/t/creating-menu-from-scratch/8420/2 "2023-10-07T11:10:25Z")

</div>

Have you seen this one? : [Dropdown Menu for Wordpress Theme - #6 by adamslowe](https://forum.pinegrow.com/t/dropdown-menu-for-wordpress-theme/6601/6)

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [October 7, 2023, 1:15pm UTC](https://forum.pinegrow.com/t/creating-menu-from-scratch/8420/3 "2023-10-07T13:15:44Z")

</div>

Also, for more complex needs and/or if you don’t want/know-how to code a custom menu, you have the opportunity to use a menu plugin.

> **[6 Best WordPress Menu Plugins in 2023 (& How To Pick)](https://www.elegantthemes.com/blog/wordpress/best-wordpress-menu-plugins#article)**
>
> Need a custom menu for your website? Review the best WordPress menu plugins that make it easy to create the perfect menu for your site.

---

<div class="post-metadata">

**Author:** ![Xtrodinary](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/xtrodinary/32/5947_2.png) [@Xtrodinary](https://forum.pinegrow.com/u/Xtrodinary)\
**Post date:** [October 7, 2023, 3:10pm UTC](https://forum.pinegrow.com/t/creating-menu-from-scratch/8420/4 "2023-10-07T15:10:36Z")

</div>

Hello, thank you. Actually this videos I have seen. I am able to create standard Wordpress menu or Wordpress menu with one dropdown level.

I am looking for 2 solutions:

1. Multiple dropdown levels

Item 1

- Subitem 1
- Subitem 2
- 
  - SubSubItem 1

- 
  - SubSubItem 2

- Subitem 3  
Item 2  
Item 3

1. Second solution is modern hidden menu, what looks like as standard burger menu on all screens include computer (like www.ynk.media or www.creefox.sk) and after clicking it revelas menu for whole or part of screen.

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [October 7, 2023, 6:00pm UTC](https://forum.pinegrow.com/t/creating-menu-from-scratch/8420/5 "2023-10-07T18:00:56Z")

</div>

> [@Xtrodinary](#):
>
> 1. Multiple dropdown levels

Do you use a framework for your templates?

> [@Xtrodinary](#):
>
> Second solution is modern hidden menu, what looks like as standard burger menu on all screens include computer (like www.ynk.media or www.creefox.sk) and after clicking it revelas menu for whole or part of screen.

This one you will have to build it with HTML and Interactions.  
I don’t think about a specific tutorial on the documentation website but basically, this is a container with a menu inside and you define the design through CSS and how it hide/appears through Interactions properties.

---

<div class="post-metadata">

**Author:** ![Xtrodinary](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/xtrodinary/32/5947_2.png) [@Xtrodinary](https://forum.pinegrow.com/u/Xtrodinary)\
**Post date:** [October 11, 2023, 9:57am UTC](https://forum.pinegrow.com/t/creating-menu-from-scratch/8420/6 "2023-10-11T09:57:42Z")

</div>

1. Yes, I am using Bootstrap

2. OK, I understand, I need to get in more into Interactions module.

Thank you very much

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [October 11, 2023, 11:35am UTC](https://forum.pinegrow.com/t/creating-menu-from-scratch/8420/7 "2023-10-11T11:35:03Z")

</div>

> [@Xtrodinary](#):
>
> Yes, I am using Bootstrap

So indeed, Bootstrap navbar is not ready for this and our documented method remains a tweak intended to fill a lack of functionality that was purposefully removed from the Bootstrap framework since version 3 or 4.

Note: we have never tested the tweak with Bootstrap 5.
