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?



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.