# Ordering of category list in the menu

**URL:** https://meta.discourse.org/t/ordering-of-category-list-in-the-menu/35757
**Category:** UX
**Created:** [2015 年 11 月 18 日午後 4:24 UTC](https://meta.discourse.org/t/ordering-of-category-list-in-the-menu/35757 "2015-11-18T16:24:04Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![fbender](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbender/32/116736_2.png) [@fbender](https://meta.discourse.org/u/fbender)
#### Post date: [2015 年 11 月 18 日午後 4:24 UTC](https://meta.discourse.org/t/ordering-of-category-list-in-the-menu/35757/1 "2015-11-18T16:24:04Z")

</div>

Continuing the discussion from [The end of Clown Vomit, or, simplified category styles](https://meta.discourse.org/t/the-end-of-clown-vomit-or-simplified-category-styles/24249/153):

> [@anon40332516](#):
>
> That might work better if the categories/subs flowed vertically down the columns, instead of wrapping left-to-right across two columns as they do. Your example ends up looking like below. I’m removing News/Global to illustrate the issue better.
> 
> ```plaintext
> |News ||Local
> ||National |Games
> ||Pong ||Mortal Kombat
> ||Depression Quest
> ```
> 
> A little better:
> 
> ```plaintext
> |News ||Pong
> ||Local ||Mortal Kombat
> ||National ||Depression Quest
> |Games
> ```
> 
> Maybe better if a category didn’t break between columns.

This is indeed confusing as it currently stands. Though this is not easy to solve with the two-column-layout. E.g. in your example, the parent category is at the very bottom and the subcategories at the top of the next column. Is it possible to add a break that is aware of the structure and e.g. push “Games” into the next column?

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [2015 年 11 月 20 日午前 11:17 UTC](https://meta.discourse.org/t/ordering-of-category-list-in-the-menu/35757/2 "2015-11-20T11:17:23Z")

</div>

Not quite following. Could you mock something up please?

---

<div class="post-metadata">

### Author: ![fbender](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbender/32/116736_2.png) [@fbender](https://meta.discourse.org/u/fbender)
#### Post date: [2015 年 11 月 21 日午後 4:28 UTC](https://meta.discourse.org/t/ordering-of-category-list-in-the-menu/35757/3 "2015-11-21T16:28:41Z")

</div>

Before:

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

After:

 ![](https://global.discourse-cdn.com/meta/original/3X/1/2/126f62a80c8e84de8e1fddc98d2c314010edf727.png)

Is it clearer now?

---

<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: [2015 年 11 月 21 日午後 4:49 UTC](https://meta.discourse.org/t/ordering-of-category-list-in-the-menu/35757/4 "2015-11-21T16:49:47Z")

</div>

So you are saying the sub-cats should be grouped with their parent cats in the drop-down menu?

---

<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: [2015 年 11 月 21 日午後 6:38 UTC](https://meta.discourse.org/t/ordering-of-category-list-in-the-menu/35757/5 "2015-11-21T18:38:43Z")

</div>

If you look closely, they already are - it’s just that the ordering is left-to-right then top-to-bottom.  
The recommendation is top-to-bottom then left-to-right.