# Category Dropdown in Mobile View

**URL:** https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344
**Category:** UX
**Created:** [July 18, 2019, 8:16pm UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344 "2019-07-18T20:16:33Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![justin.noom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/justin.noom/32/147907_2.png) [@justin.noom](https://meta.discourse.org/u/justin.noom)
#### Post date: [July 18, 2019, 8:16pm UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/1 "2019-07-18T20:16:33Z")

</div>

I was wondering if it would be plausible (whether through CSS or a component) to have a `dropdown` in the mobile view that is similar to that in desktop - meaning showing categories as opposed to Latest, Top, etc.

 ![categorydropdown](https://global.discourse-cdn.com/meta/original/3X/8/a/8ae9656c849f2cee78ddbd43dbac258ee95654c0.png)  
 ![noom](https://global.discourse-cdn.com/meta/original/3X/9/0/9008d4b3e85640864c1f559a0a35e89ba032eb62.png)

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [July 18, 2019, 9:28pm UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/2 "2019-07-18T21:28:40Z")

</div>

I’m working on it, and have something almost finished, I just need to improve a part of our internal library to allow it. Should come rather soon.

---

<div class="post-metadata">

### Author: ![justin.noom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/justin.noom/32/147907_2.png) [@justin.noom](https://meta.discourse.org/u/justin.noom)
#### Post date: [July 18, 2019, 9:45pm UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/4 "2019-07-18T21:45:55Z")

</div>

That’s awesome!! Thanks @j.jaffeux 😃

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [July 22, 2019, 1:56pm UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/5 "2019-07-22T13:56:25Z")

</div>

FTR, it’s being worked on in this PR if you want to follow along

[https://github.com/discourse/discourse/pull/7914](https://github.com/discourse/discourse/pull/7914)

---

<div class="post-metadata">

### Author: ![tomwrench](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tomwrench/32/54576_2.png) [@tomwrench](https://meta.discourse.org/u/tomwrench)
#### Post date: [April 25, 2020, 10:37am UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/6 "2020-04-25T10:37:14Z")

</div>

Did this end up being implemented?

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [April 25, 2020, 11:15am UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/7 "2020-04-25T11:15:23Z")

</div>

No I didnt so far for mulitple reasons, we worked on double nesting categories support and reworked a lot of dropdowns internals.

Will update if we come up with a good solution.

---

<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: [June 8, 2020, 10:09am UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/8 "2020-06-08T10:09:59Z")

</div>

Joffrey will that potentially include the tag picker too?

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [June 8, 2020, 12:04pm UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/9 "2020-06-08T12:04:31Z")

</div>

Yes possibly 🙂

---

<div class="post-metadata">

### Author: ![renato](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/renato/32/383632_2.png) [@renato](https://meta.discourse.org/u/renato)
#### Post date: [October 21, 2020, 12:35am UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/10 "2020-10-21T00:35:22Z")

</div>

I’m confused, I’m waiting for this feature (category and tag dropdown in mobile view) but noticed that in my instance they’re already present on [any category page](https://forum.comparajogos.com.br/c/resenhas/6), but nowhere else.

Is this the current behavior and I just missed it - or am I seeing it differently due to some plugin/TC? Is there currently any way of enabling this on the other pages?

---

<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: [October 21, 2020, 12:53am UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/11 "2020-10-21T00:53:06Z")

</div>

That’s the behavior that has existed for a decent amount of time now… the category dropdowns appear on category topic lists, but not on /categories or aggregate pages like /latest /new /top.

It should be possible to get those dropdowns on those other pages in a theme today, but I don’t believe anyone’s tried it yet.

We’re still planning on doing this by default, but other features and customer work have taken priority.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [July 21, 2022, 1:39am UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/13 "2022-07-21T01:39:19Z")

</div>

Is this on a roadmap still? It’s difficult to build a consistent navigation on mobile, especially as the tag drop-down is also nested with the category drop-down and thus only shows on category lists.

Eg I’m in a category and the selected tag shows in the tag drop-down:

 ![Screenshot from 2022-07-21 02-16-53](https://global.discourse-cdn.com/meta/original/4X/5/2/d/52dc0f5740f62d03a387fff8b516ff5901e7090a.png)

But when I unselect the category, the tag is still selected (and i could click the tag info icon), but all the drop-downs are gone. That’s quite confusing:  
 ![Screenshot from 2022-07-21 02-17-34](https://global.discourse-cdn.com/meta/original/4X/6/7/c/67cb29c837078e3d68265862e5206a8da73929d2.png)

> [@awesomerobot](#):
>
> It should be possible to get those dropdowns on those other pages in a theme today, but I don’t believe anyone’s tried it yet.

I’m building a forum that only uses tags for organization. It works great on desktop but with the current ux on mobile I could only put a link to the tags page on the navigation-bar menu. To have the tags drop-down show on all pages, would I need to replace the mobile template or could there be a simpler way?

---

<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: [July 21, 2022, 6:10am UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/14 "2022-07-21T06:10:00Z")

</div>

Our general thinking here is to just redo the whole caboodle.

1 control for tags / categories / filters … all of them. Fitting this into mobile is certainly going to be a challenge, but the “mega” control comes with so many advantages.

---

<div class="post-metadata">

### Author: ![renato](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/renato/32/383632_2.png) [@renato](https://meta.discourse.org/u/renato)
#### Post date: [August 21, 2022, 7:45pm UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/15 "2022-08-21T19:45:34Z")

</div>

I took a shot today at making it always visible and this seems to be working for me with no side effect that I could notice:

```js
api.modifyClass("component:bread-crumbs", {
  pluginId: "never-hidden-bread-crumbs",
  hidden: false
});

```

`hidden` is originally:

```js
@discourseComputed("category")
hidden(category) {
  return this.site.mobileView && !category;
},

```

I preferred to [make it hidden](https://github.com/renato/discourse-mobile-breadcrumbs/blob/main/javascripts/discourse/initializers/mobile-breadcrumbs-init.js) on the categories page only.

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [January 26, 2024, 10:32pm UTC](https://meta.discourse.org/t/category-dropdown-in-mobile-view/123344/17 "2024-01-26T22:32:26Z")

</div>


