# Length of category name under the topic title

**URL:** https://meta.discourse.org/t/length-of-category-name-under-the-topic-title/29674
**Category:** UX
**Created:** [5 Junio, 2015 08:37 UTC](https://meta.discourse.org/t/length-of-category-name-under-the-topic-title/29674 "2015-06-05T08:37:16Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![evantill](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/evantill/32/116219_2.png) [@evantill](https://meta.discourse.org/u/evantill)
#### Post date: [5 Junio, 2015 08:37 UTC](https://meta.discourse.org/t/length-of-category-name-under-the-topic-title/29674/1 "2015-06-05T08:37:16Z")

</div>

Is it possible to display the category’s name without cutting it ? Or cutting it at the same length as the topic title ?

![](https://global.discourse-cdn.com/meta/original/3X/b/2/b2d1e63e14a93756d5c7346734813bff5d499a2b.png)

---

<div class="post-metadata">

### Author: ![evantill](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/evantill/32/116219_2.png) [@evantill](https://meta.discourse.org/u/evantill)
#### Post date: [5 Junio, 2015 08:40 UTC](https://meta.discourse.org/t/length-of-category-name-under-the-topic-title/29674/2 "2015-06-05T08:40:11Z")

</div>

quite the same question for the category list :

Is it possible to make the list with the same width as the current selected category ?

![](https://global.discourse-cdn.com/meta/original/3X/8/2/8268037fc4a32488a831b14915cc588b6a7a31b2.png)

---

<div class="post-metadata">

### Author: ![Tom\_Newsom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_newsom/32/115981_2.png) [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)
#### Post date: [5 Junio, 2015 09:11 UTC](https://meta.discourse.org/t/length-of-category-name-under-the-topic-title/29674/3 "2015-06-05T09:11:03Z")

</div>

Add the following to your custom CSS:

```
// Removes maximum width from category badge in breadcrumb and dropdown
.badge-wrapper span.badge-category {
  max-width: none;
}
.list-controls .category-dropdown-menu .badge-wrapper.bullet .badge-category {
  max-width: none;
}

```

---

<div class="post-metadata">

### Author: ![evantill](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/evantill/32/116219_2.png) [@evantill](https://meta.discourse.org/u/evantill)
#### Post date: [5 Junio, 2015 09:18 UTC](https://meta.discourse.org/t/length-of-category-name-under-the-topic-title/29674/4 "2015-06-05T09:18:06Z")

</div>

thank you a lot ! 👏

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [5 Junio, 2015 09:48 UTC](https://meta.discourse.org/t/length-of-category-name-under-the-topic-title/29674/5 "2015-06-05T09:48:46Z")

</div>

You generally don’t want enormously long category names, though. For the record. That’s why those “gentle” reminders are there 😉

---

<div class="post-metadata">

### Author: ![Tom\_Newsom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_newsom/32/115981_2.png) [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)
#### Post date: [5 Junio, 2015 10:01 UTC](https://meta.discourse.org/t/length-of-category-name-under-the-topic-title/29674/6 "2015-06-05T10:01:24Z")

</div>

Although bear in mind that what might be an appropriate restriction in English, might not work so well for other languages.

---

<div class="post-metadata">

### Author: ![meglio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meglio/32/71444_2.png) [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [23 Junio, 2015 13:03 UTC](https://meta.discourse.org/t/length-of-category-name-under-the-topic-title/29674/7 "2015-06-23T13:03:55Z")

</div>

This CSS does what I need, thanks.  
However, some letters are still hidden:

 ![](https://global.discourse-cdn.com/meta/original/3X/c/2/c2cab1284ea85df2ed9ab803c7918db67b3b2a17.png)

---

<div class="post-metadata">

### Author: ![Tom\_Newsom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_newsom/32/115981_2.png) [@Tom\_Newsom](https://meta.discourse.org/u/Tom_Newsom)
#### Post date: [23 Junio, 2015 13:17 UTC](https://meta.discourse.org/t/length-of-category-name-under-the-topic-title/29674/8 "2015-06-23T13:17:30Z")

</div>

hmm. maybe try adding `padding-right:10px;`  
That might push the scrollbar over

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [19 Octubre, 2022 14:43 UTC](https://meta.discourse.org/t/length-of-category-name-under-the-topic-title/29674/10 "2022-10-19T14:43:16Z")

</div>