# Can you change (or remove) hamburger menu icon?

**URL:** https://meta.discourse.org/t/can-you-change-or-remove-hamburger-menu-icon/87357
**Category:** UX
**Created:** [5월 13, 2018, 8:43오전 UTC](https://meta.discourse.org/t/can-you-change-or-remove-hamburger-menu-icon/87357 "2018-05-13T08:43:28Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![jerry0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jerry0/32/94523_2.png) [@jerry0](https://meta.discourse.org/u/jerry0)
#### Post date: [5월 13, 2018, 8:43오전 UTC](https://meta.discourse.org/t/can-you-change-or-remove-hamburger-menu-icon/87357/1 "2018-05-13T08:43:28Z")

</div>

Hi all, we have a hamburger menu already on the site that we are SSO-ing discourse with, and it’s pretty confusing to have two!

Could anyone help with script or code for changing the hamburger menu, to a different fa-icon. I know that the one used at the moment is fa-bars, but despite my best valiant efforts I have been unable to work out how to change it to something else.

Alternatively, removing the hamburger menu for our users (and not admins) might be an option, but I might have to ask about that separately!

Thanks in advance for your help.

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [5월 13, 2018, 9:33오전 UTC](https://meta.discourse.org/t/can-you-change-or-remove-hamburger-menu-icon/87357/2 "2018-05-13T09:33:20Z")

</div>

Sure, you can use the following CSS to change the font awesome icon of the Discourse hamburger menu:

```plaintext
.header-dropdown-toggle .fa-bars:before {
    content: "\f141"; // font awesome code for horizontal ellipsis
}

```

---

<div class="post-metadata">

### Author: ![jerry0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jerry0/32/94523_2.png) [@jerry0](https://meta.discourse.org/u/jerry0)
#### Post date: [5월 13, 2018, 10:26오전 UTC](https://meta.discourse.org/t/can-you-change-or-remove-hamburger-menu-icon/87357/3 "2018-05-13T10:26:00Z")

</div>

That is awesome! Thank you.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [5월 18, 2018, 11:01오전 UTC](https://meta.discourse.org/t/can-you-change-or-remove-hamburger-menu-icon/87357/4 "2018-05-18T11:01:18Z")

</div>

Changing an icon globally is very simple using APIs

> [@Change icons globally](https://meta.discourse.org/t/change-icons-globally-using-the-apis/87751):
>
> This is an easy way to change a Discourse icon globally. Right click on the icon you want to change and select “Inspect element” or “Inspect” (depends on the browser) Find the icon name Search a new icon here [Find Icons with the Perfect Look & Feel | Font Awesome](https://fontawesome.com/icons?d=gallery), e.g. [external-link-alt](https://fontawesome.com/icons/external-link-alt?style=solid) Customize and add the code in your admin \> customize \> themes \> edit code -\> JS tab // {theme}/javascripts/discourse/api-initializers/init-theme.gjs import { apiInitializer } from "disco…

---

<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: [5월 19, 2018, 6:13오전 UTC](https://meta.discourse.org/t/can-you-change-or-remove-hamburger-menu-icon/87357/5 "2018-05-19T06:13:35Z")

</div>


