# \#categories-navbar

**URL:** https://meta.discourse.org/tag/categories-navbar/670.md

[Latest](https://meta.discourse.org/latest.md) · [Categories](https://meta.discourse.org/categories.md) · [Tags](https://meta.discourse.org/tags.md)

---

## [Header Categories Navbar](https://meta.discourse.org/t/header-categories-navbar/249179)

<div class="topic-metadata">

**Author:** [@Discourse](https://meta.discourse.org/u/Discourse)\
**Replies:** 37\
**Last updated:** [February 15, 2026, 1:22pm UTC](https://meta.discourse.org/t/header-categories-navbar/249179 "2026-02-15T13:22:58Z")

</div>

:discourse2: Summary Header Categories Navbar is a simple component that adds a menu of parent category links to the site header, with horizontally scrolling overflow added if/when needed. :eyeglasses: Prev…

---

## [Category Icons color and size is not being inherited correctly](https://meta.discourse.org/t/category-icons-color-and-size-is-not-being-inherited-correctly/315634)

<div class="topic-metadata">

**Author:** [@nathank](https://meta.discourse.org/u/nathank)\
**Replies:** 0\
**Last updated:** [July 9, 2024, 7:38pm UTC](https://meta.discourse.org/t/category-icons-color-and-size-is-not-being-inherited-correctly/315634 "2024-07-09T19:38:42Z")

</div>

When using the Navbar component with Category Icons, the icons end up the same color as the text (–primary-high) and not the category - and are smaller than they should be: I’ve worked around these issues via CSS: .c…

---

## [Broken mobile styling of Header Categories Navbar](https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036)

<div class="topic-metadata">

**Author:** [@BeefofAges](https://meta.discourse.org/u/BeefofAges)\
**Replies:** 6\
**Last updated:** [December 29, 2023, 6:48pm UTC](https://meta.discourse.org/t/broken-mobile-styling-of-header-categories-navbar/290036 "2023-12-29T18:48:10Z")

</div>

It appears that something (perhaps a change in the core?) has broken this component’s UX in mobile. Specifically, when in the mobile breakpoint and a users clicks the chat icon to open the chat modal, the router sends t…

---

## [Clash between Header Search and Categories Navbar TCs](https://meta.discourse.org/t/clash-between-header-search-and-categories-navbar-tcs/286161)

<div class="topic-metadata">

**Author:** [@nathank](https://meta.discourse.org/u/nathank)\
**Replies:** 0\
**Last updated:** [November 21, 2023, 5:37am UTC](https://meta.discourse.org/t/clash-between-header-search-and-categories-navbar-tcs/286161 "2023-11-21T05:37:20Z")

</div>

Unfortunately, the search results of Head Search are overwritten by the Categories Navbar: Workaround: This goes in the Desktop CSS // temporary fix for UI clash between Header Search and Categories Navbar TCs .fl…