# Subcategory menu too narrow
**URL:** https://meta.discourse.org/t/subcategory-menu-too-narrow/66527
**Category:** UX
**Created:** [July 20, 2017, 4:09pm UTC](https://meta.discourse.org/t/subcategory-menu-too-narrow/66527 "2017-07-20T16:09:55Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@phisch](https://meta.discourse.org/u/phisch)
#### Post date: [July 20, 2017, 4:09pm UTC](https://meta.discourse.org/t/subcategory-menu-too-narrow/66527/1 "2017-07-20T16:09:55Z")
Hey,
As said in the title:
Because we have rather long subcategory names, i’d like the menu to be as wide as needed and not fixed size.
Best,
Philipp
---
### Author:  [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [July 20, 2017, 4:12pm UTC](https://meta.discourse.org/t/subcategory-menu-too-narrow/66527/2 "2017-07-20T16:12:50Z")
Have you tried changing the width of that menu with CSS?
---
### Author:  [@phisch](https://meta.discourse.org/u/phisch)
#### Post date: [July 20, 2017, 4:38pm UTC](https://meta.discourse.org/t/subcategory-menu-too-narrow/66527/3 "2017-07-20T16:38:39Z")
Yes, But I didn’t manage to do that.
---
### Author:  [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [July 20, 2017, 4:44pm UTC](https://meta.discourse.org/t/subcategory-menu-too-narrow/66527/4 "2017-07-20T16:44:57Z")
You will want something like this:
```plaintext
.category-dropdown-menu { min-width: 200px; }
```
Note: This impacts the parent category drop down too
---
### Author:  [@phisch](https://meta.discourse.org/u/phisch)
#### Post date: [July 20, 2017, 5:12pm UTC](https://meta.discourse.org/t/subcategory-menu-too-narrow/66527/5 "2017-07-20T17:12:50Z")
Hey,
Thanks. It’s hardcoded and not adjusting to the actual need, but it would still be fine if not only the menu would widen but also the content of the rows. The text stays shortened.
---
### Author:  [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [July 20, 2017, 5:16pm UTC](https://meta.discourse.org/t/subcategory-menu-too-narrow/66527/6 "2017-07-20T17:16:32Z")
Is your site public? Can you provide a link, as the rows expand when I do it via the dev tools.
---
### Author:  [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [July 20, 2017, 5:16pm UTC](https://meta.discourse.org/t/subcategory-menu-too-narrow/66527/7 "2017-07-20T17:16:40Z")
```
.list-controls .category-dropdown-menu .badge-wrapper.bullet .badge-category {
max-width: ***px;
}
```
---
### Author:  [@phisch](https://meta.discourse.org/u/phisch)
#### Post date: [July 20, 2017, 5:26pm UTC](https://meta.discourse.org/t/subcategory-menu-too-narrow/66527/8 "2017-07-20T17:26:36Z")
Yes, it is: [https://disk.diehumanisten.de](https://disk.diehumanisten.de)
---
### Author:  [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [July 20, 2017, 5:31pm UTC](https://meta.discourse.org/t/subcategory-menu-too-narrow/66527/9 "2017-07-20T17:31:58Z")
@Stranik was very close with his addition (you actually have the bar style instead of bullet, so I just removed the style indicator entirely from the CSS).
Your complete CSS will be
```plaintext
.category-dropdown-menu { min-width: 200px; }
.list-controls .category-dropdown-menu .badge-wrapper .badge-category { max-width: 100%; }
```
---
### Author:  [@phisch](https://meta.discourse.org/u/phisch)
#### Post date: [July 20, 2017, 5:57pm UTC](https://meta.discourse.org/t/subcategory-menu-too-narrow/66527/10 "2017-07-20T17:57:51Z")
Is it working for you? I still have the same result.
EDIT:
I found adding
```
display: inline-table;
```
to be working. It’s weird but good enough, I guess 🙂
So thanks everyone for your support (y)