# Feedback on new 🍔 and user menus

**URL:** https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519
**Category:** UX
**Created:** [8월 25, 2015, 10:09오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519 "2015-08-25T22:09:49Z")
**Posts on this page:** 20
**Page:** 9

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [9월 1, 2015, 7:04오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/174 "2015-09-01T19:04:06Z")

</div>

Looks like we can use `vh` if you can get it to work!

> **[Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/#search=vh)**
>
> "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [9월 1, 2015, 7:13오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/175 "2015-09-01T19:13:51Z")

</div>

Looks like iOS 7 would be your biggest worry (based on the footnotes).

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [9월 1, 2015, 8:19오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/176 "2015-09-01T20:19:06Z")

</div>

> [@awesomerobot](#):
>
> learned about vh literally yesterday at an event apart

Maybe, but I’ve got a lot of Javascript right now calculating all the various heights. I’d probably have to remove all that if we used `vh`.

In the meantime I’ve fixed the scrollbar bug.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [9월 2, 2015, 1:25오전 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/177 "2015-09-02T01:25:41Z")

</div>

that’s true! I can look into it more this weekend and we might be able to get rid of some of that js

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [9월 2, 2015, 2:31오전 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/178 "2015-09-02T02:31:39Z")

</div>

> [@eviltrout](#):
>
> > [@awesomerobot](#):
> >
> > learned about vh literally yesterday at an event apart
> 
> Maybe, but I’ve got a lot of Javascript right now calculating all the various heights. I’d probably have to remove all that if we used `vh`.
> 
> In the meantime I’ve fixed the scrollbar bug.

I can still reproduce both images in Chrome from

> [@Feedback on new hamburger and user menus](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/172):
>
> Not sure who should be looking at this, but yep, smaller screen sizes where the notifications may be long make it impossible to scroll to the bottom of the menu When the window size is exapnded a bit, the menu scrollbar disappears even though the entire menu isn’t shown.

But maybe that wasn’t what you were solving?

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [9월 2, 2015, 2:36오전 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/179 "2015-09-02T02:36:59Z")

</div>

The positioning on iPhone is still a bit shonky

Able to repro:

 ![](https://global.discourse-cdn.com/meta/original/3X/c/d/cd8f842daaaabd8b5ee3417e25e079faa4ea9f5c.jpg) 

And cut off words on scroll

 ![](https://global.discourse-cdn.com/meta/original/3X/f/3/f3f79b83a0d8a77e664d3c9739b6ce615a8b6ff0.jpg)

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [9월 2, 2015, 2:54오전 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/180 "2015-09-02T02:54:37Z")

</div>

Firefox latest.

Very odd. It’s like the menu scrollbar gets “pushed up” when the viewport narrows.

 ![](https://global.discourse-cdn.com/meta/original/3X/5/1/515c31354234537c9f5a98ad45e6d1a91c0589fd.gif)

---

<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: [9월 2, 2015, 6:52오전 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/181 "2015-09-02T06:52:54Z")

</div>

It isn’t just mobile safari, observed on Chrome today:

 ![](https://global.discourse-cdn.com/meta/original/3X/2/f/2f53021894bd12ceabbaf78c993152a3979252f2.jpg) 

scrolls to this, top bar seems to have totally detached:

 ![](https://global.discourse-cdn.com/meta/original/3X/1/6/16a1059469632f0556f3fcd031df3e51cf2b9b0b.jpg) 

And sometimes it stays in place, but slides up a row. Before:

 ![](https://global.discourse-cdn.com/meta/original/3X/d/f/dfd85eb5f2eb7719165d04c8b04f73863f389063.jpg) 

After:

 ![](https://global.discourse-cdn.com/meta/original/3X/4/5/455661f30e5c8b3574198b0c63e58865cb61ee50.jpg)

---

<div class="post-metadata">

### Author: ![danwad](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/danwad/32/33426_2.png) [@danwad](https://meta.discourse.org/u/danwad)
#### Post date: [9월 2, 2015, 9:13오전 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/182 "2015-09-02T09:13:43Z")

</div>

The category list isn’t handling wrapping very nicely on our Discourse. We have a few longer category names than here on meta and the new posts count wraps on to the next line when the ellipsis appears.

 ![](https://global.discourse-cdn.com/meta/original/3X/5/9/59f0ca20b73e68e234f0186d5b72ac77d2b4c2fc.PNG)

---

<div class="post-metadata">

### Author: ![TechnoBear](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/technobear/32/40546_2.png) [@TechnoBear](https://meta.discourse.org/u/TechnoBear)
#### Post date: [9월 2, 2015, 10:48오전 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/183 "2015-09-02T10:48:12Z")

</div>

> [@Feedback on new hamburger and user menus](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/110):
>
> We can probably add direct keyboard shortcuts to go to messages. And certainly you should be able to go to your profile via keyboard shortcuts. Perhaps g, p to go to your profile g, m to go to your messages Also @eviltrout there is duplication in the keyboard shortcuts now since a top level glyph was eliminated.

Thanks for the profile and logout shortcuts - I really appreciate them. 🐻

Any progress on g, m for messages?

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [9월 2, 2015, 5:39오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/184 "2015-09-02T17:39:42Z")

</div>

> [@TechnoBear](#):
>
> Any progress on g, m for messages?

Easy peasy!

[https://github.com/discourse/discourse/commit/a76d1079b25c48f6d2048274cf1648bad6d7ea2c](https://github.com/discourse/discourse/commit/a76d1079b25c48f6d2048274cf1648bad6d7ea2c)

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [9월 2, 2015, 8:11오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/185 "2015-09-02T20:11:02Z")

</div>

I’ve played around with this a bit. There are some ideas for how to simplify the horizontal positioning here:  
[https://github.com/discourse/discourse/pull/3705](https://github.com/discourse/discourse/pull/3705)

Feel free to use them 😄

---

<div class="post-metadata">

### Author: ![TechnoBear](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/technobear/32/40546_2.png) [@TechnoBear](https://meta.discourse.org/u/TechnoBear)
#### Post date: [9월 3, 2015, 1:12오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/186 "2015-09-03T13:12:16Z")

</div>

Thanks, @eviltrout. Now I’m a happy bear. ![](https://global.discourse-cdn.com/meta/original/3X/9/5/958947bb95499fd2daf44b1a4965623624fa0efc.gif)

---

<div class="post-metadata">

### Author: ![wesochuck](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wesochuck/32/108706_2.png) [@wesochuck](https://meta.discourse.org/u/wesochuck)
#### Post date: [9월 4, 2015, 1:17오전 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/187 "2015-09-04T01:17:36Z")

</div>

Does anyone else think that the **entire row** for _view older notifications…_ link should be clickable instead of just the phrase itself? All the other notification rows in that menu appear to be clickable.

Chrome 44 on Chrome OS

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [9월 4, 2015, 5:12오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/188 "2015-09-04T17:12:04Z")

</div>

Yes!

[https://github.com/discourse/discourse/commit/2d684899f78f375d4bf75051b7b454899e470dfb](https://github.com/discourse/discourse/commit/2d684899f78f375d4bf75051b7b454899e470dfb)

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [9월 4, 2015, 5:47오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/189 "2015-09-04T17:47:47Z")

</div>

same thing for the logout row? or do you not want to make it THAT easy to log out accidentally? 🙂

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [9월 4, 2015, 5:49오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/190 "2015-09-04T17:49:55Z")

</div>

loving the new hamburger menu too - thanks for that!

shouldn’t the akismet link move up to the admin links? could use an A for the glyph.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [9월 4, 2015, 5:53오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/191 "2015-09-04T17:53:55Z")

</div>

> [@tobiaseigen](#):
>
> loving the new hamburger menu too - thanks for that!

ditto. I didn’t even realize it had changed (that’s how often I use it). But it does look nice.

---

<div class="post-metadata">

### Author: ![Kuro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kuro/32/38491_2.png) [@Kuro](https://meta.discourse.org/u/Kuro)
#### Post date: [9월 4, 2015, 6:07오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/192 "2015-09-04T18:07:52Z")

</div>

While the grouping is nice, I have 2 complaints about this design.  
Keep in mind that I am a simple user. As far as I can see, this is the same menu every user has who logs in . (No Admin/Mod/TL4-stuff)

 ![](https://global.discourse-cdn.com/meta/original/3X/d/d/dd964bd56c8bf899425f1cf285bed467ac8ddddd.png)

red: The design looks unbalanced in these two places because of the grouping. I’d suggest either finding another link that can take fill the empty space (at least one - preferrably the top)

blue: I’d suggest that categories - while it may be a legit link - should be styled diferrently. It acts as a header of sorts for the categories below so special styling might be legit.

Filed Under: complaints are pretty much the same a suggestions, right?

---

<div class="post-metadata">

### Author: ![gerhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gerhard/32/119479_2.png) [@gerhard](https://meta.discourse.org/u/gerhard)
#### Post date: [9월 4, 2015, 6:12오후 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/193 "2015-09-04T18:12:27Z")

</div>

Compared to the links in the hamburger, the links in the user profile are quite unnoticeable.  
 ![](https://global.discourse-cdn.com/meta/original/3X/3/8/38382e10c96401f3597289484a37c5785017fe19.png)

To make it consistent, shouldn’t the links in the profile menu be blue too?  
 ![](https://global.discourse-cdn.com/meta/original/3X/f/3/f35de34b861ff5ceda0bd016b5a6faf6ced0c765.png)

Or at least the “Profile” link?  
 ![](https://global.discourse-cdn.com/meta/original/3X/0/2/02cca725492d9c1ecfd54ef3c1da14069dc1d073.png)

And can we get a larger click target for “Profile” please?  
 ![](https://global.discourse-cdn.com/meta/original/3X/4/8/48e9c3d20ab04d332362ea3115b0fbd2c717960d.png)

[이전 페이지](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519.md?page=8)

[다음 페이지](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519.md?page=10)
