# Add /users to top nav

**URL:** https://meta.discourse.org/t/add-users-to-top-nav/63681
**Category:** Theme component
**Created:** [May 31, 2017, 6:52pm UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681 "2017-05-31T18:52:56Z")
**Posts on this page:** 11
**Page:** 1

<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 31, 2017, 6:52pm UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681/1 "2017-05-31T18:52:56Z")

</div>

### Location

repo: [GitHub - discourse/discourse-users-nav: Add users nav for Discourse (theme component) · GitHub](https://github.com/SamSaffron/discourse-users-nav)

### Preview

> **['Users Top Nav' by @sam](https://discourse.theme-creator.io/theme/sam/users-top-nav)**
>
> A customization for Discourse shared on Discourse Theme Creator

### About

This theme component adds the full nav bar on both mobile and desktop on the users page:

 ![](https://global.discourse-cdn.com/meta/original/3X/5/3/5351bf0c3cdf2c1df46df92d066da6fd08fb9076.png)

  

 ![](https://global.discourse-cdn.com/meta/original/3X/0/3/03fe9228f2718f5a91b7745535f9d80597f7e926.png)

### Install guide

[How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)

---

<div class="post-metadata">

### Author: ![Pad\_Pors](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pad_pors/32/52016_2.png) [@Pad\_Pors](https://meta.discourse.org/u/Pad_Pors)
#### Post date: [May 24, 2018, 10:03am UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681/10 "2018-05-24T10:03:51Z")

</div>

this theme gives [an error](https://meta.discourse.org/t/user-directory-is-blank-in-persian-locale/88354) for Persian locale, removing this line helps:

` I18n.translations.en.js.filters.users = { title: "Users", help: "User leaderboard" };`

but then the string becomes something like this:

![image](https://global.discourse-cdn.com/meta/original/3X/9/4/94d0cf60c4e54394f2d3b2e6480a919c06332d61.png)

---

<div class="post-metadata">

### Author: ![thisnthat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thisnthat/32/164804_2.png) [@thisnthat](https://meta.discourse.org/u/thisnthat)
#### Post date: [November 28, 2018, 6:17pm UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681/21 "2018-11-28T18:17:02Z")

</div>

The theme appears to cause an issue with the /u or /users page preventing it from loading.

This can be reproduced using the preview link provided in the initial post on this topic. Open the link, when prompted select “View Theme” then follow the link for users either on the top nav bar or from the hamburger menu.

---

<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: [November 29, 2018, 12:36am UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681/22 "2018-11-29T00:36:57Z")

</div>

> [@thisnthat](#):
>
> The theme appears to cause an issue with the /u or /users page preventing it from loading.

Yes, the error that I’m getting when I try to visit the users route is `Assertion Failed: [ember-route-action-helper] Unable to find action createTopic`.

---

<div class="post-metadata">

### Author: ![rhyolight](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rhyolight/32/120422_2.png) [@rhyolight](https://meta.discourse.org/u/rhyolight)
#### Post date: [February 19, 2019, 5:15pm UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681/25 "2019-02-19T17:15:03Z")

</div>

I recently installed this, and it caused my /users page to stop loading entirely. There was a background XHR request that was taking a very long time. Upon removing the component, it worked again. Just thought I would let you know.

EDIT: Same error as reported above.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [February 19, 2019, 5:20pm UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681/26 "2019-02-19T17:20:56Z")

</div>

> [@rhyolight](#):
>
> Same error as reported above.

That’s why this theme component is still in the #customization:theme:broken-theme category.

> Do not use this component until it remains in this category.

We will fix it when we have time but we have no ETA.

PRs are welcome!

---

<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: [November 5, 2019, 7:45am UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681/27 "2019-11-05T07:45:34Z")

</div>

This component is now fixed per

[https://github.com/discourse/discourse-users-nav/commit/109d705d6ef0115862a08e21dc6a04caa0d1c846](https://github.com/discourse/discourse-users-nav/commit/109d705d6ef0115862a08e21dc6a04caa0d1c846)

The PR also adds translatable strings which should solve your issue @Pad_Pors

---

<div class="post-metadata">

### Author: ![a2937](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/a2937/32/459016_2.png) [@a2937](https://meta.discourse.org/u/a2937)
#### Post date: [November 27, 2024, 2:53pm UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681/32 "2024-11-27T14:53:34Z")

</div>

Hi. I made a pull request about a month ago to fix how FreeCodeCamp’s leaderboard navbar displays. Without a flex box, the elements are completely out of alignment. I want to fix it. Unfortunately for me, sticking a `display:flex` attribute on a class that’s being used in others places will result in unexpected consequences.

Can you please look over my PR?

---

<div class="post-metadata">

### Author: ![a2937](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/a2937/32/459016_2.png) [@a2937](https://meta.discourse.org/u/a2937)
#### Post date: [November 27, 2024, 3:11pm UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681/33 "2024-11-27T15:11:29Z")

</div>

This is your component before my changes.

![Before](https://global.discourse-cdn.com/meta/original/4X/7/e/6/7e6fbb2904fe28a3d1bdb3bae6fc78e71b8e9abf.png)

This is after the changes I wish to add.

![After](https://global.discourse-cdn.com/meta/original/4X/7/e/1/7e1061a674b0ee8923b5da851033caa09b20b7e0.png)

---

<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: [November 27, 2024, 3:21pm UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681/34 "2024-11-27T15:21:50Z")

</div>

A link to the PR might help?

---

<div class="post-metadata">

### Author: ![a2937](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/a2937/32/459016_2.png) [@a2937](https://meta.discourse.org/u/a2937)
#### Post date: [November 27, 2024, 3:36pm UTC](https://meta.discourse.org/t/add-users-to-top-nav/63681/35 "2024-11-27T15:36:51Z")

</div>

[https://github.com/discourse/discourse-users-nav/pull/20](https://github.com/discourse/discourse-users-nav/pull/20)

I did not properly describe in the PR the issue I was trying to fix nor what was intended to do. That was a bit of a mistake on my part.
