# Make another hamburger menu?

**URL:** https://meta.discourse.org/t/make-another-hamburger-menu/67256
**Category:** Support
**Created:** [August 1, 2017, 5:30pm UTC](https://meta.discourse.org/t/make-another-hamburger-menu/67256 "2017-08-01T17:30:35Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Silvanus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/silvanus/32/62831_2.png) [@Silvanus](https://meta.discourse.org/u/Silvanus)
#### Post date: [August 1, 2017, 5:30pm UTC](https://meta.discourse.org/t/make-another-hamburger-menu/67256/1 "2017-08-01T17:30:35Z")

</div>

Is it possible (and how) to make another hamburger menu?

I know the basics of adding an icon into the mix, I did this to create a button for latest stuff, in :

```
<script type="text/discourse-plugin" version="0.4">
api.decorateWidget('header-icons:before', helper => {
    return helper.h('li.header-dropdown-toggle', [
        helper.h('a.icon#latest-button', {
            href:'https://MYDOMAIN/latest',
            title: 'Latest'
        }, helper.h('i.fa.fa-bolt.latest-button-icon')),
    ]);
});
</script>

```

Is it possible, in a similar way, to make another menu?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [April 20, 2018, 6:34pm UTC](https://meta.discourse.org/t/make-another-hamburger-menu/67256/2 "2018-04-20T18:34:33Z")

</div>

Your post come up when I was searching to see if an answer already existed for a similar question (it didn’t really), this might be helpful to someone in the future

> [@Reuse Discourse Hamburger Functionality](https://meta.discourse.org/t/reuse-discourse-hamburger-functionality/85578/5):
>
> This is slightly rough but should get you 99% of the way there when it comes to having an additional menu item with a dropdown panel. Calling this one a pizza menu pizza. Add this to your header.html file. \<script type="text/discourse-plugin" version="0.8"\> api.createWidget('pizza-menu', { tagName: 'div.pizza-panel', panelContents() { return "hello world"; }, html() { return this.attach('menu-panel', { contents: () =\> this.panelContents() }); }, click…

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [April 20, 2018, 10:41pm UTC](https://meta.discourse.org/t/make-another-hamburger-menu/67256/3 "2018-04-20T22:41:51Z")

</div>


