# Proposing a left-aligned slide out hamburger menu

**URL:** https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287
**Category:** Feature
**Created:** [21 juni 2015 om 20:07 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287 "2015-06-21T20:07:47Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### 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: [19 oktober 2018 om 17:06 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/45 "2018-10-19T17:06:41Z")

</div>

I’m just really disappointed that in iPhone, when you’re designing an _app_ you can do whatever you want with swipe left/right, and it’s only bottom/top swipes that are reserved for system menus/escape hatches.

It’s very difficult to get app-like parity when users are used to horizontal swipes opening menus. Android browsers are able to achieve this gesture parity and feel more native app-like because the browser’s “back” function is a button, rather than a gesture. Left/right swipes are free to be used by the webapp, just like an installed app here.

It’s something to work around certainly since iPhone users have gotten used to side-swipe to back/forward in a browser, but I hope you can understand my reasoning for being miffed about it.

---

<div class="post-metadata">

### Author: ![jtbayly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jtbayly/32/119510_2.png) [@jtbayly](https://meta.discourse.org/u/jtbayly)
#### Post date: [19 oktober 2018 om 17:12 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/46 "2018-10-19T17:12:42Z")

</div>

Yes. Apple’s attitude toward PWA’s is downright infuriating, and refusing to allow gesture support is just another example in a long list.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [19 oktober 2018 om 23:55 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/47 "2018-10-19T23:55:04Z")

</div>

> [@featheredtoast](#):
>
> It’s very difficult to get app-like parity when users are used to horizontal swipes opening menus. Android browsers are able to achieve this gesture parity and feel more native app-like because the browser’s “back” function is a button, rather than a gesture. Left/right swipes are free to be used by the webapp, just like an installed app here.

Sort of, I’d argue that taking away swipe left to go back (in terms of web browsing, anyway) is quite user hostile as well. I don’t think anyone is “right” here, there’s just different behaviors that people may prefer.. or not prefer..

I do feel _very_ confident that those classic (and awful) dedicated Android screen buttons are going to die a painful death over the next few years. So any behavior that requires those “mandatory” buttons present is cruisin’ for a bruisin’

---

<div class="post-metadata">

### Author: ![hellekin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hellekin/32/51636_2.png) [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [2 november 2018 om 03:14 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/48 "2018-11-02T03:14:25Z")

</div>

Well, that’s the deal: you’re the consumer, Apple is the designer. There’s no way around it. They. Know. Better. Proof? They are Number One. People die for them. Literally.

No, I’m not an iPhone user, and yes I do want what @featheredtoast has been cooking on my Android device 😚

[![](https://global.discourse-cdn.com/meta/original/4X/c/1/4/c143fd220a47523df8abd7049ae4c4aad9ca8519.jpeg "Marla 3") ](https://www.youtube.com/watch?v=xloWstGF2aQ)

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [7 november 2018 om 18:19 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/49 "2018-11-07T18:19:15Z")

</div>

This is live in Meta for testing for a few moments.

---

<div class="post-metadata">

### Author: ![jtbayly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jtbayly/32/119510_2.png) [@jtbayly](https://meta.discourse.org/u/jtbayly)
#### Post date: [7 november 2018 om 18:20 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/50 "2018-11-07T18:20:47Z")

</div>

Love it. Seems strange that the button is on the right and it slides in from the left.

Edit: Ah, I see that there are two. One on right is the right-most button. Makes sense.

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [7 november 2018 om 19:05 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/51 "2018-11-07T19:05:10Z")

</div>

Slides in from the left on mobile, for responsive desktop it slides in from the right - intentional?

---

<div class="post-metadata">

### 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: [7 november 2018 om 19:09 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/52 "2018-11-07T19:09:19Z")

</div>

yes that’s intentional. The slide animations on responsive desktop were the only change to desktop - otherwise it remains untouched.

Mobile was the big target for the wild let’s add swipe functionality, full height and shift the menu to the other side of the screen changes.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [7 november 2018 om 21:11 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/53 "2018-11-07T21:11:23Z")

</div>

> [@Falco](#):
>
> This is live in Meta for testing for a few moments.

and it’s gone.

We just merged Font Awesome 5 so we are back to the master branch here in Meta.

---

<div class="post-metadata">

### Author: ![gingerman](https://avatars.discourse-cdn.com/v4/letter/g/47e85d/32.png) [@gingerman](https://meta.discourse.org/u/gingerman)
#### Post date: [27 november 2018 om 16:36 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/54 "2018-11-27T16:36:25Z")

</div>

@featheredtoast any plans to add this feature in upcoming releases ? how can we test this ?

---

<div class="post-metadata">

### 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: [27 november 2018 om 16:41 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/55 "2018-11-27T16:41:15Z")

</div>

Don’t worry! It’s gonna happen in a future release, but needs planning, polish, and review. 🙂

These things will all happen soon

---

<div class="post-metadata">

### 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: [1 december 2018 om 00:01 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/56 "2018-12-01T00:01:29Z")

</div>

We’re live with this on meta again for the moment.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [1 december 2018 om 00:32 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/57 "2018-12-01T00:32:02Z")

</div>

Sooo nice!

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/c/2ceb060e06de95031edf3cdc94de0a2a8683b0e4.png)

---

<div class="post-metadata">

### Author: ![orangeandblack5](https://avatars.discourse-cdn.com/v4/letter/o/edb3f5/32.png) [@orangeandblack5](https://meta.discourse.org/u/orangeandblack5)
#### Post date: [1 december 2018 om 00:49 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/58 "2018-12-01T00:49:39Z")

</div>

Having the menu pop out from the side of the screen opposite the button feels a tad - inconsistent.

---

<div class="post-metadata">

### Author: ![TheBestPessimist](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebestpessimist/32/247704_2.png) [@TheBestPessimist](https://meta.discourse.org/u/TheBestPessimist)
#### Post date: [1 december 2018 om 07:11 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/59 "2018-12-01T07:11:29Z")

</div>

Especially when compared to the desktop where everything is on the right! There’s no consistency among the platforms.

---

<div class="post-metadata">

### Author: ![bletch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bletch/32/69088_2.png) [@bletch](https://meta.discourse.org/u/bletch)
#### Post date: [1 december 2018 om 08:26 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/60 "2018-12-01T08:26:07Z")

</div>

Loving the work here guys.

One inconsistency I noticed was that if I view the user menu by pressing my avatar - as we usually do, I can no longer press the avatar again to dismiss the user menu I have to swipe.

So if I’m not a swiper and I press the user avatar I seem to have to swipe to remove it. A function of the lovely full height menu I guess.

It feels like I should be presented with either a swipe to view, swipe to hide OR press to view press to hide interface - not a mixture.

---

<div class="post-metadata">

### Author: ![hosna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hosna/32/99969_2.png) [@hosna](https://meta.discourse.org/u/hosna)
#### Post date: [1 december 2018 om 10:05 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/61 "2018-12-01T10:05:22Z")

</div>

Is this compatible with RTL websites?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [1 december 2018 om 12:06 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/62 "2018-12-01T12:06:35Z")

</div>

Fun design but not personally a fan:

- the current design is intuitive and mirrors the way desktop works.

- when ‘swiping’ I fear that I’m going to hit and activate a control rather than swipe the menu back

- don’t like the menu coming from left as for wider screens harder to reach with thumb

- to switch between the menus is one extra step on mobile (need to swipe away first). This is an issue if user is exploring to find a feature.

I believe Discourse had already nailed some of these things, why reinvent?

Would prefer this optional if at all possible.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [1 december 2018 om 12:36 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/63 "2018-12-01T12:36:04Z")

</div>

Unlikely. It does not make sense to use only 80% of the vertical space on the XS Max (which I also own) when we can use 100% of it.

---

<div class="post-metadata">

### Author: ![rishabh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rishabh/32/179446_2.png) [@rishabh](https://meta.discourse.org/u/rishabh)
#### Post date: [1 december 2018 om 13:15 UTC](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/64 "2018-12-01T13:15:54Z")

</div>

I get what you mean, the earlier workflow was to simply:

- tap to see, tap to hide

> [@bletch](#):
>
> So if I’m not a swiper and I press the user avatar I seem to have to swipe to remove it.

You can try getting used to tapping the area that is unused by the full-height menu. That would always close the menu without a swipe action.

This is especially more convenient when using your phone with both hands 👐

 ![Screenshot_20181201-182510__01](https://global.discourse-cdn.com/meta/original/3X/2/6/26889dd8c263f4eaf673123e3cf0fbbb7cc70290.jpeg)

[Previous page](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287.md?page=2)

[Next page](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287.md?page=4)
