# Custom Hamburger Menu Links

**URL:** <https://meta.discourse.org/t/custom-hamburger-menu-links/87644>\
**Category:** Theme component\
**Tags:** deprecated\
**Created:** [May 16, 2018, 2:15pm UTC](https://meta.discourse.org/t/custom-hamburger-menu-links/87644 "2018-05-16T14:15:15Z")\
**Posts on this page:** 1\
**Showing post:** 80

<div class="post-metadata">

**Author:** ![rahim123](https://avatars.discourse-cdn.com/v4/letter/r/df705f/32.png) [@rahim123](https://meta.discourse.org/u/rahim123)\
**Post date:** [January 28, 2023, 5:06pm UTC](https://meta.discourse.org/t/custom-hamburger-menu-links/87644/80 "2023-01-28T17:06:55Z")

</div>

There is a quirk with this method where the custom `div` disappears when toggling the visibility of the sidebar, for example if the browser window is narrow. This is a problem especially for tablets, which usually get the desktop version of Discourse and require clicking on the hamburger menu to display the sidebar. Any possible workarounds? Thanks!

* * *

_ **Edit:** _ Solved here:

> [@Ability to add a custom section of links to the sidebar](https://meta.discourse.org/t/ability-to-add-a-custom-section-of-links-to-the-sidebar/239778/15):
>
> @Ryan_Hyer Very nice! You figured out the way to make the items appear (or continue appearing) after the hamburger toggle event, which was the problem I was running into here: Your code is very orderly and clean too. Thanks to that I was able to hack it into displaying what I want in the Community menu without being hidden under More: Head: \<script\> const links = [ // FontAwesome icons may need to be added in the site settings if they don't correctly appear { title: "User Directory"…

---

_[View the full topic](https://meta.discourse.org/t/custom-hamburger-menu-links/87644)._