How can i add custom hamburger menu



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?


How to customize the user dropdown menu?

Partial solution?:


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 :slight_smile:


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

<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?


Take a look at this Topic:


Thanks @merefield I’ll look into it.