# How can I add custom hamburger menu

**URL:** https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282
**Category:** Development
**Created:** [7월 13, 2018, 2:52오후 UTC](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282 "2018-07-13T14:52:52Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [7월 13, 2018, 2:52오후 UTC](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282/1 "2018-07-13T14:52:52Z")

</div>

Hi.

I want to create new menu like Discourse’s hamburger menu and add some links to in it. What is the best way to do this?

Thanks.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [7월 13, 2018, 3:04오후 UTC](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282/2 "2018-07-13T15:04:16Z")

</div>

Partial solution?:

> [@Custom Header Links](https://meta.discourse.org/t/custom-header-links/90588):
>
> discourse2Summary Custom Header Links allows you to easily add custom text-based links to the header.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/custom-header-links)hammer_and_wrenchRepository Link [GitHub - discourse/discourse-custom-header-links · GitHub](https://github.com/discourse/discourse-custom-header-links)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Desktop Mobile (due to very limited space, adding more than one link on mo…

> [@Custom Hamburger Menu Links](https://meta.discourse.org/t/custom-hamburger-menu-links/87644):
>
> discourse2Summary Custom Hamburger Menu Links will allow you to easily add links to the hamburger menu.eyeglassesPreview [Preview on theme-creator.discourse.org](https://theme-creator.discourse.org/theme/awesomerobot/hamburger-links)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-custom-hamburger-links](https://github.com/discourse/discourse-custom-hamburger-links)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Samples Desktop Mobile Settings You add links via comma delimited values in…

---

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [7월 13, 2018, 9:48오후 UTC](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282/3 "2018-07-13T21:48:25Z")

</div>

Yes, I have seen these options. But i need more customization. I want to add another icon beside the hamburger menu and i want to add my menu items in it.

What is the best way to do this? I want to learn this. I need some JS customizations or i must check theme files? I setup my local development environment for that. I will do the experiments on it.

But thank you so much for your ideas anyway 🙂

---

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [7월 14, 2018, 11:48오후 UTC](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282/4 "2018-07-14T23:48:24Z")

</div>

I added another hamburger menu to Discourse on my local development environment with Google Chrome console.

 ![11](https://global.discourse-cdn.com/meta/original/3X/d/5/d50edd9b4318fda4e7c5677390505ac6aeef10e2.png)

`<li class="header-dropdown-toggle"><a href="" data-auto-route="true" title="go to another topic list or category" aria-label="go to another topic list or category" id="toggle-hamburger-menu" class="icon btn-flat"><i class="fa fa-bars d-icon d-icon-bars" aria-hidden="true"></i></a></li>`

How do I apply this code to the Discourse’s theme template? Any idea?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [7월 15, 2018, 11:14오전 UTC](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282/5 "2018-07-15T11:14:41Z")

</div>

Take a look at this Topic:

> [@How to Add Custom Menu to Header Nav like Sitepoint](https://meta.discourse.org/t/how-to-add-custom-menu-to-header-nav-like-sitepoint/56906/5):
>
> You can try looking through our repo, we use a plugin to push our theme.

---

<div class="post-metadata">

### Author: ![bekircem](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bekircem/32/44582_2.png) [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [7월 17, 2018, 10:37오후 UTC](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282/6 "2018-07-17T22:37:49Z")

</div>

Thanks @merefield I’ll look into it.

---

<div class="post-metadata">

### Author: ![sunjam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sunjam/32/175682_2.png) [@sunjam](https://meta.discourse.org/u/sunjam)
#### Post date: [4월 12, 2020, 6:55오전 UTC](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282/7 "2020-04-12T06:55:38Z")

</div>

이 사이트포인트 링크가 죽었습니다. 커스텀 햄버거 메뉴에 대한 최신 링크나 팁이 있을까요?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [4월 12, 2020, 7:33오전 UTC](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282/8 "2020-04-12T07:33:20Z")

</div>

링크는 저한테는 잘 작동하는데, 아무튼 링크가 있는 주제에 그걸 게시하는 게 낫지 않나요? 문제가 발생하면 소유자가 바로 대응할 수 있으니까요.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [5월 10, 2024, 7:32오전 UTC](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282/9 "2024-05-10T07:32:48Z")

</div>



---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [5월 10, 2024, 7:37오전 UTC](https://meta.discourse.org/t/how-can-i-add-custom-hamburger-menu/92282/10 "2024-05-10T07:37:10Z")

</div>


