# Hamburger menu column misalignment

**URL:** https://meta.discourse.org/t/hamburger-menu-column-misalignment/88098
**Category:** UX
**Created:** [May 22, 2018, 5:00am UTC](https://meta.discourse.org/t/hamburger-menu-column-misalignment/88098 "2018-05-22T05:00:51Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [May 22, 2018, 5:00am UTC](https://meta.discourse.org/t/hamburger-menu-column-misalignment/88098/1 "2018-05-22T05:00:51Z")

</div>

I noticed that the 2nd column of categories is not aligned with the 2nd column of other text elements in the hamburger menu. Not sure which selector to look for to fix it with CSS.

 ![52%20PM](https://global.discourse-cdn.com/meta/original/3X/8/4/848ddabe9281426f593cd76782f275b226844a0d.png)

---

<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: [May 22, 2018, 5:10am UTC](https://meta.discourse.org/t/hamburger-menu-column-misalignment/88098/2 "2018-05-22T05:10:39Z")

</div>

My poor OCD, @Johani maybe have a look at fix, looks like an issue with the core CSS

---

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [May 22, 2018, 6:53am UTC](https://meta.discourse.org/t/hamburger-menu-column-misalignment/88098/4 "2018-05-22T06:53:18Z")

</div>

One more thing. The category links in the hamburger menu don’t have any background color change on hover.

OCD never stops…

---

<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: [May 22, 2018, 6:55am UTC](https://meta.discourse.org/t/hamburger-menu-column-misalignment/88098/5 "2018-05-22T06:55:52Z")

</div>

That is actually correct, we do not put background on categories anywhere on hover.

---

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [May 22, 2018, 4:36pm UTC](https://meta.discourse.org/t/hamburger-menu-column-misalignment/88098/6 "2018-05-22T16:36:51Z")

</div>

we do it in the category list popup. how is it different from the hamburger menu?

 ![20%20AM](https://global.discourse-cdn.com/meta/original/3X/f/4/f482bdfb867c4f34e55646471dd7a579754e4506.png)

---

<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: [May 22, 2018, 9:04pm UTC](https://meta.discourse.org/t/hamburger-menu-column-misalignment/88098/7 "2018-05-22T21:04:10Z")

</div>

Hmmm, leaving this for @awesomerobot to decide on then…

---

<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: [May 22, 2018, 9:16pm UTC](https://meta.discourse.org/t/hamburger-menu-column-misalignment/88098/8 "2018-05-22T21:16:56Z")

</div>

Yeah, probably more consistent to add a highlight there now… padding will need to be reworked a little and it would need to be tested for the 4 category badge types (the box style will be fairly annoying there). Overall it’s a low priority enhancement…

Time might be better spent looking into ways to improve the hamburger menu entirely (revisiting some suggestions in [Proposing a left-aligned slide out hamburger menu - #8 by codinghorror](https://meta.discourse.org/t/proposing-a-left-aligned-slide-out-hamburger-menu/30287/8))? Big sites with a lot of categories are becoming more common, and I don’t feel like this works well at all for anyone…

 ![46%20PM](https://global.discourse-cdn.com/meta/original/3X/f/3/f384b78fc925780380a891f71549ea3b241dc673.png)

---

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [May 22, 2018, 9:48pm UTC](https://meta.discourse.org/t/hamburger-menu-column-misalignment/88098/9 "2018-05-22T21:48:33Z")

</div>

Not a big problem, especially if it’s going to be redesigned.  
I would love to have a native left-aligned slide out menu.

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [May 24, 2018, 8:21am UTC](https://meta.discourse.org/t/hamburger-menu-column-misalignment/88098/10 "2018-05-24T08:21:24Z")

</div>

The alignment issue is fixed via:

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

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

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

Good catch and thanks for reporting @BlackKnob
