# Left side hamburger menu on mobile **URL:** https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513 **Category:** Theme component **Tags:** mobile **Created:** [September 18, 2020, 10:56pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513 "2020-09-18T22:56:47Z") **Posts on this page:** 20 **Page:** 1
### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast) #### Post date: [September 18, 2020, 10:56pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/1 "2020-09-18T22:56:47Z")
One thing we never got around to and caused some confusion after our work on [Full height, slide out hamburger menu](https://meta.discourse.org/t/full-height-slide-out-hamburger-menu/29789) was that the hamburger menu, on the right side, opens a menu from the _left_ side. For those interested in rearranging the header, this is for you: ![Screenshot from 2020-09-18 12-19-27](https://global.discourse-cdn.com/meta/original/3X/b/3/b309bdc6153b29f88f9ffee0a4cb3b3be700bdd9.png) Mobile menus appearing in the upper-left corner of the screen is not very reachable single-handedly which is why this is a standalone theme component. Options, yanno? | | | | | --- | --- | --- | | šŸ›  | **Repository** | [discourse-left-menu](https://github.com/featheredtoast/discourse-left-menu-theme-component) | | ā“ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) | | šŸ“– | **New to Discourse Themes?** | [Beginnerā€™s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) | ---
### Author: ![Paracelsus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paracelsus/32/164912_2.png) [@Paracelsus](https://meta.discourse.org/u/Paracelsus) #### Post date: [September 19, 2020, 12:40pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/2 "2020-09-19T12:40:51Z")
Very nice. Is it possible to extend the component and add the option for the logo to be in the middle of the bar when the menu icon is on the left? I think itā€™s the most logical way (speaking of ux). ---
### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast) #### Post date: [September 21, 2020, 4:57pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/3 "2020-09-21T16:57:06Z")
Sure, Iā€™ve added a theme option for you to make the logo more centered - enjoy! šŸ™‚ ![Screenshot from 2020-09-21 09-57-37](https://global.discourse-cdn.com/meta/original/3X/a/4/a4698a058d1e5021a999e41603b1b8dbc64cc1bc.png) ![Screenshot from 2020-09-21 09-56-45](https://global.discourse-cdn.com/meta/original/3X/3/c/3c77c4e63b6dce007839e811b3498f1b05fcf4ea.png) ---
### Author: ![Karthikk\_Vijay](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/karthikk_vijay/32/199586_2.png) [@Karthikk\_Vijay](https://meta.discourse.org/u/Karthikk_Vijay) #### Post date: [January 3, 2021, 8:13am UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/4 "2021-01-03T08:13:46Z")
Would it be possible to customise this for the desktop version as well ? ---
### Author: ![ozkn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ozkn/32/196013_2.png) [@ozkn](https://meta.discourse.org/u/ozkn) #### Post date: [January 3, 2021, 10:57am UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/5 "2021-01-03T10:57:03Z")
Thanks for the theme component @featheredtoast ---
### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast) #### Post date: [January 5, 2021, 6:50pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/6 "2021-01-05T18:50:02Z")
Iā€™d consider desktop out of scope for this particular theme component. You could certainly do something similar for desktop if you were looking to reposition elements as adopting the same techniques I used here for desktop certainly wouldnā€™t be too difficult in a separate theme if youā€™ve got something in mind youā€™d like to do. ---
### Author: ![Karthikk\_Vijay](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/karthikk_vijay/32/199586_2.png) [@Karthikk\_Vijay](https://meta.discourse.org/u/Karthikk_Vijay) #### Post date: [January 7, 2021, 11:43am UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/7 "2021-01-07T11:43:23Z")
Thank you for the reply šŸ™‚ I lack the skills to build one myself, but probably should be teaching myself those šŸ˜‰ ---
### Author: ![satonotdead](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/satonotdead/32/447830_2.png) [@satonotdead](https://meta.discourse.org/u/satonotdead) #### Post date: [April 8, 2023, 1:19am UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/8 "2023-04-08T01:19:59Z")
It can be enabled only on tablet? Because that UX fits really good with tablets but not so much with mobile (a lot of people use their smartphones with one hand). ---
### Author: ![danielabc](https://avatars.discourse-cdn.com/v4/letter/d/b9e5f3/32.png) [@danielabc](https://meta.discourse.org/u/danielabc) #### Post date: [February 16, 2024, 9:07am UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/10 "2024-02-16T09:07:13Z")
Lately this component has a bug, when I activate it, everything is misaligned, how can I fix it? ![image](https://global.discourse-cdn.com/meta/original/4X/8/5/f/85f43720675d37fa10e21ff0c092730e43713bdf.png) ---
### Author: ![fokx](https://avatars.discourse-cdn.com/v4/letter/f/958977/32.png) [@fokx](https://meta.discourse.org/u/fokx) #### Post date: [March 4, 2024, 3:35am UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/12 "2024-03-04T03:35:14Z")
This does not work. Since the hamburger button is already on the top-left corner on desktop, can we make it too on mobile UI in the core code? If not, what is the reason blocking this kind of unification of design. ---
### 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: [March 4, 2024, 6:21am UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/13 "2024-03-04T06:21:28Z")
As weā€™ve had a couple of reports that this theme component isnā€™t currently working, Iā€™ve added the #broken tag. šŸ‘ ---
### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly) #### Post date: [March 4, 2024, 6:55am UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/14 "2024-03-04T06:55:02Z")
> [@fokx](#): > > what is the reason blocking this kind of unification of design As stated in OP: > [@featheredtoast](#): > > Mobile menus appearing in the upper-left corner of the screen is not very reachable single-handedly which is why this is a standalone theme component menus on are on same side on mobile for single hand usability. ---
### Author: ![fokx](https://avatars.discourse-cdn.com/v4/letter/f/958977/32.png) [@fokx](https://meta.discourse.org/u/fokx) #### Post date: [March 4, 2024, 8:12am UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/15 "2024-03-04T08:12:26Z")
Thanks for pointing out something I have definitely missed reading. I understand. But can we make it configurable? The idea is that some users with relatively small-sized mobile phones (e..g. Pixel 7) may not have the reach ability issue and menu popping up from left is very unnatural. If at least something must appear at some corner, why couldnā€™t it be configured to be menu button (currently is site logo linking to homepage)? ---
### Author: ![Robin.Grant](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robin.grant/32/308261_2.png) [@Robin.Grant](https://meta.discourse.org/u/Robin.Grant) #### Post date: [March 24, 2024, 2:03pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/16 "2024-03-24T14:03:11Z")
Any news on when/if this will be fixed? ---
### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast) #### Post date: [July 12, 2024, 9:02pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/17 "2024-07-12T21:02:18Z")
Apologies for the delay on this, @benji submitted a fix for this, let me know if there are any further issues [https://github.com/featheredtoast/discourse-left-menu-theme-component/pull/1](https://github.com/featheredtoast/discourse-left-menu-theme-component/pull/1) ---
### Author: ![Robin.Grant](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robin.grant/32/308261_2.png) [@Robin.Grant](https://meta.discourse.org/u/Robin.Grant) #### Post date: [July 12, 2024, 10:15pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/18 "2024-07-12T22:15:04Z")
Thanks so much @featheredtoast and @benji! Just tried it, and unfortunately, it doesnā€™t seem to be playing well with this other theme-component I have installed: > [@Custom Header Links (icons)](https://meta.discourse.org/t/custom-header-links-icons/86307): > > discourse2Summary Custom Header Links (icons) will allow you to easily add linked icons to the Discourse header.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/custom-header-links-icons)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-icon-header-links](https://github.com/discourse/discourse-icon-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 Screenshots Desktop Mobile Settings This component includes a ā€¦ See screenshot (chat icon moved to a 2nd row): ![The image shows the header section of a mobile app called "Trail Hub" by the UK MTB Trail Alliance, featuring their logo, menu icons, and a profile picture, along with a blurred image in the background that seems to be of a "Welcome to..." sign, possibly for a trail or outdoor area. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/1/b/2/1b252a88e618af11aa96406ef0893c8a373430f0.jpeg) This is what it looks like with the ā€œLeft side hamburger menu on mobileā€ theme-component disabled: ![IMG_2629](https://global.discourse-cdn.com/meta/original/4X/b/e/4/be470c4e179378626a1fd733e171e2fe590bd06c.jpeg) Hope thatā€™s useful! ---
### Author: ![benji](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/benji/32/381510_2.png) [@benji](https://meta.discourse.org/u/benji) #### Post date: [July 12, 2024, 11:43pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/19 "2024-07-12T23:43:47Z")
> [@Robin.Grant](#): > > Hope thatā€™s useful! This is helpful; thank you! Iā€™m about done for the day but will make a note-to-self to check on this Monday. I think I know whatā€™s going on. ---
### Author: ![benji](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/benji/32/381510_2.png) [@benji](https://meta.discourse.org/u/benji) #### Post date: [July 15, 2024, 6:21pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/20 "2024-07-15T18:21:58Z")
> [@Robin.Grant](#): > > See screenshot (chat icon moved to a 2nd row): > > ![The image shows the header section of a mobile app called "Trail Hub" by the UK MTB Trail Alliance, featuring their logo, menu icons, and a profile picture, along with a blurred image in the background that seems to be of a "Welcome to..." sign, possibly for a trail or outdoor area. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/1/b/2/1b252a88e618af11aa96406ef0893c8a373430f0.jpeg) > > This is what it looks like with the ā€œLeft side hamburger menu on mobileā€ theme-component disabled: > > ![IMG_2629](https://global.discourse-cdn.com/meta/original/4X/b/e/4/be470c4e179378626a1fd733e171e2fe590bd06c.jpeg) Happy Monday, @Robin.Grant! Just wanted to confirm that these screenshots were taken after downloading the update to the ā€œLeft sideā€ theme? Trying to recreate this locally now. ---
### Author: ![Robin.Grant](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robin.grant/32/308261_2.png) [@Robin.Grant](https://meta.discourse.org/u/Robin.Grant) #### Post date: [July 15, 2024, 6:39pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/21 "2024-07-15T18:39:59Z")
Yup - 100% ---
### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast) #### Post date: [July 15, 2024, 11:32pm UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/22 "2024-07-15T23:32:36Z")
Pulled in a fix for this, many thanks @benji [https://github.com/featheredtoast/discourse-left-menu-theme-component/pull/2](https://github.com/featheredtoast/discourse-left-menu-theme-component/pull/2) Give it a whirl @Robin.Grant [Next page](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513.md?page=2)