# Adding my Nav into the header bar

**URL:** https://meta.discourse.org/t/adding-my-nav-into-the-header-bar/385041
**Category:** Development
**Created:** [October 8, 2025, 3:59pm UTC](https://meta.discourse.org/t/adding-my-nav-into-the-header-bar/385041 "2025-10-08T15:59:59Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Joe\_F](https://avatars.discourse-cdn.com/v4/letter/j/f4b2a3/32.png) [@Joe\_F](https://meta.discourse.org/u/Joe_F)
#### Post date: [October 8, 2025, 3:59pm UTC](https://meta.discourse.org/t/adding-my-nav-into-the-header-bar/385041/1 "2025-10-08T15:59:59Z")

</div>

Hello,

I want to add my navigation bar seen below:

 ![Screenshot 2025-10-08 at 16.08.39](https://global.discourse-cdn.com/meta/original/4X/c/a/7/ca702be324176bc52aa4cfb8b5ee9b5f92470935.png)

Next to the logo on the header bar, how can I do this? The top nav is custom coded into my css.

Thanks Joe

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [October 8, 2025, 6:20pm UTC](https://meta.discourse.org/t/adding-my-nav-into-the-header-bar/385041/2 "2025-10-08T18:20:08Z")

</div>

Have you seen this component:

> [@Custom Header Links](https://meta.discourse.org/t/custom-header-links/90588):
>
> discourse2Summary Custom Header Links allows you to easily add custom text-based links to the header.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/custom-header-links)hammer_and_wrenchRepository Link [GitHub - discourse/discourse-custom-header-links · GitHub](https://github.com/discourse/discourse-custom-header-links)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Desktop Mobile (due to very limited space, adding more than one link on mo…

Would that serve your purpose?

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [October 9, 2025, 5:50am UTC](https://meta.discourse.org/t/adding-my-nav-into-the-header-bar/385041/3 "2025-10-09T05:50:22Z")

</div>

Seems he chose a different component:

> [@down\_arrow Dropdown Header](https://meta.discourse.org/t/dropdown-header/226170/80):
>
> Hi all, I have an issue that my drop-down header is making my logo smaller and really squashed: But it looks fine in Admin!? [Screenshot 2025-10-09 at 06.38.03] Any ideas how to fix this, I also want the font to be bold and match my colour on my custom css nav above, how can I achieve that? Thanks Joe

---

<div class="post-metadata">

### Author: ![Joe\_F](https://avatars.discourse-cdn.com/v4/letter/j/f4b2a3/32.png) [@Joe\_F](https://meta.discourse.org/u/Joe_F)
#### Post date: [October 9, 2025, 6:37am UTC](https://meta.discourse.org/t/adding-my-nav-into-the-header-bar/385041/4 "2025-10-09T06:37:21Z")

</div>

Hello,

Yes the one that @chapoi kindly shared could not support sub links, this other one did, it looks fine in admin but breaks when not in the admin section, really frustrated, looking to explore why this is happening.

I had been trying to just move custom CSS nav bar into that area, but it has been unsuccessful.

Thanks for cross possting @Moin

---

<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: [October 20, 2025, 7:31pm UTC](https://meta.discourse.org/t/adding-my-nav-into-the-header-bar/385041/5 "2025-10-20T19:31:41Z")

</div>

This is not going to be an easy one for us all to help you with here in #Support, because you are talking about customizations that we can’t replicate and you will need to troubleshoot on your own site. I slid this across to the #Development category.

If you continue to have trouble and can’t solve this on your own, you might consider looking to hire somebody by posting in #Marketplace.
