# Header Categories Navbar
**URL:** https://meta.discourse.org/t/header-categories-navbar/249179
**Category:** Theme component
**Tags:** official, categories-navbar
**Created:** [December 16, 2022, 7:57pm UTC](https://meta.discourse.org/t/header-categories-navbar/249179 "2022-12-16T19:57:22Z")
**Posts on this page:** 19
**Page:** 2
### Author:  [@Arnold](https://meta.discourse.org/u/Arnold)
#### Post date: [June 4, 2024, 9:43pm UTC](https://meta.discourse.org/t/header-categories-navbar/249179/21 "2024-06-04T21:43:44Z")
I got the problem its only shown in the top left corner and not full width. Im using the full width and header seach theme component. I dont have any plugins installed.
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [June 4, 2024, 9:51pm UTC](https://meta.discourse.org/t/header-categories-navbar/249179/22 "2024-06-04T21:51:52Z")
I can reproduce the problem using the header categories navbar and full width component together.
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [June 4, 2024, 10:07pm UTC](https://meta.discourse.org/t/header-categories-navbar/249179/23 "2024-06-04T22:07:22Z")
to get this working along with the full width component, you’d need to add some CSS to your theme…
Something like this should get you in better shape:
```css
html:not(.has-full-page-chat) .custom-categories-navbar {
grid-column-start: 1;
grid-column-end: -1;
}
.has-sidebar-page .d-header > .wrap .contents {
gap: 0 1em;
}
```
---
### Author:  [@Arnold](https://meta.discourse.org/u/Arnold)
#### Post date: [June 4, 2024, 10:10pm UTC](https://meta.discourse.org/t/header-categories-navbar/249179/24 "2024-06-04T22:10:47Z")
Thank you, this fixed the problem!
Also im wondering if there is a way to sort the categories shown there?
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [June 4, 2024, 10:17pm UTC](https://meta.discourse.org/t/header-categories-navbar/249179/25 "2024-06-04T22:17:20Z")
I think the order is the same as on the categories page. You can change that by following [Reordering categories and setting fixed category positions](https://meta.discourse.org/t/reorder-adjust-category-listings-and-set-fixed-category-positions/153627)
---
### Author:  [@Arnold](https://meta.discourse.org/u/Arnold)
#### Post date: [June 4, 2024, 10:21pm UTC](https://meta.discourse.org/t/header-categories-navbar/249179/26 "2024-06-04T22:21:49Z")
Next problem:
When in a topic im trying to click on a category.
Then this happens:
The menu disappears.
Console error:
```plaintext
custom-categories-navbar.js:64 Uncaught (in promise)
TypeError: Cannot read properties of null (reading 'scrollIntoView')
at n.setActiveSlug (custom-categories-navbar.js:64:52)
at new n (custom-categories-navbar.js:48:12)
at EmberGlimmerComponentManager.createComponent (base-component-manager.js:26:14)
at EmberGlimmerComponentManager.createComponent (ember-component-manager.js:51:29)
at M.create (manager.js:543:1)
at Object.evaluate (runtime.js:2676:1)
at Object.evaluate (runtime.js:1052:1)
at It.evaluateSyscall (runtime.js:4204:1)
at It.evaluateInner (runtime.js:4175:1)
at It.evaluateOuter (runtime.js:4168:1)
at Wt.next (runtime.js:4999:1)
at Wt._execute (runtime.js:4986:1)
at Wt.execute (runtime.js:4979:1)
at $t.insertItem (runtime.js:4468:1)
at $t.sync (runtime.js:4429:1)
at $t.evaluate (runtime.js:4366:1)
at Dt._execute (runtime.js:4247:1)
at Dt.execute (runtime.js:4232:1)
at qt.rerender (runtime.js:4547:1)
at hr.render (index.js:4674:1)
at index.js:4934:1
at Nt (runtime.js:4080:1)
at gr._renderRoots (index.js:4916:1)
at gr._renderRootsTransaction (index.js:4960:1)
at gr._revalidate (index.js:4992:1)
at invoke (backburner.js.js:280:1)
at h.flush (backburner.js.js:197:1)
at p.flush (backburner.js.js:358:1)
at B._end (backburner.js.js:798:1)
at B.end (backburner.js.js:589:1)
at B._run (backburner.js.js:842:1)
at B._join (backburner.js.js:819:1)
at B.join (backburner.js.js:629:1)
at Array. (index.js:4765:1)
at B._trigger (backburner.js.js:896:1)
at B._end (backburner.js.js:811:1)
at B._boundAutorunEnd (backburner.js.js:523:1)
```
---
### Author:  [@David\_Ghost](https://meta.discourse.org/u/David_Ghost)
#### Post date: [June 4, 2024, 10:53pm UTC](https://meta.discourse.org/t/header-categories-navbar/249179/27 "2024-06-04T22:53:33Z")
Same problem here
To reproduce: click on a category + F5
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [June 5, 2024, 10:24pm UTC](https://meta.discourse.org/t/header-categories-navbar/249179/28 "2024-06-05T22:24:27Z")
I’ve just made some updates that should fix this
---
### Author:  [@Arnold](https://meta.discourse.org/u/Arnold)
#### Post date: [June 6, 2024, 3:14pm UTC](https://meta.discourse.org/t/header-categories-navbar/249179/29 "2024-06-06T15:14:56Z")
Thank you so much for fixing!
Could you consider to add an option to apply sidebar sorting order to the header categories navbar? This would bring the chance that users can apply their own choices to the header categories navbar.
---
### Author:  [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [June 12, 2024, 3:25am UTC](https://meta.discourse.org/t/header-categories-navbar/249179/30 "2024-06-12T03:25:13Z")
This is helpful but doesn’t work anymore, try this
```plaintext
html:not(.has-full-page-chat) .d-header:has(.horizontal-overflow-nav) {
height: 5em !important;
}
```
---
### Author:  [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [July 26, 2024, 9:53am UTC](https://meta.discourse.org/t/header-categories-navbar/249179/31 "2024-07-26T09:53:47Z")
> [@Discourse](#):
>
> Preview on Theme Creator
Getting a “page not found” on the preview link in first post
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [July 26, 2024, 10:45am UTC](https://meta.discourse.org/t/header-categories-navbar/249179/32 "2024-07-26T10:45:24Z")
Ah, sorry about that. Try it again now. 👍
---
### Author:  [@Olle11](https://meta.discourse.org/u/Olle11)
#### Post date: [March 24, 2025, 10:12am UTC](https://meta.discourse.org/t/header-categories-navbar/249179/33 "2025-03-24T10:12:15Z")
Is it possible to have the navbar included in the header next to the logo if you just have a few categories?
Best regards
Olle
---
### Author:  [@Olle11](https://meta.discourse.org/u/Olle11)
#### Post date: [March 25, 2025, 7:25am UTC](https://meta.discourse.org/t/header-categories-navbar/249179/34 "2025-03-25T07:25:57Z")
That is helpful. Thank you.
I wonder if it is possible to center the navbar on the web site?
Is it possible to include the navbar in the header where the logo is?
I also wonder if it is possible to hide the navbar on the /login and /signup page because it appears there even when there is no header here
Best regards
Olle
---
### Author:  [@xu2](https://meta.discourse.org/u/xu2)
#### Post date: [January 14, 2026, 3:03am UTC](https://meta.discourse.org/t/header-categories-navbar/249179/35 "2026-01-14T03:03:53Z")
How to change the display position to the bottom of the header?
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [January 14, 2026, 7:37am UTC](https://meta.discourse.org/t/header-categories-navbar/249179/36 "2026-01-14T07:37:41Z")
Isn’t it already at the bottom of the header? If I’m misunderstanding, perhaps you can fork it and change the plugin outlet of the component.
---
### Author:  [@xu2](https://meta.discourse.org/u/xu2)
#### Post date: [January 14, 2026, 8:56am UTC](https://meta.discourse.org/t/header-categories-navbar/249179/37 "2026-01-14T08:56:52Z")
I mean under the `