# Sorting subcategories one under the other?

**URL:** https://meta.discourse.org/t/sorting-subcategories-one-under-the-other/301371
**Category:** Development
**Tags:** css
**Created:** [March 28, 2024, 4:20pm UTC](https://meta.discourse.org/t/sorting-subcategories-one-under-the-other/301371 "2024-03-28T16:20:45Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [March 28, 2024, 4:20pm UTC](https://meta.discourse.org/t/sorting-subcategories-one-under-the-other/301371/1 "2024-03-28T16:20:45Z")

</div>

I previously did this with CSS code on a forum I opened with the Discourse infrastructure, but I can’t find those codes right now. Can anyone help?  
Like that.

Discourse Sub1  
 Discourse Sub2  
 Discourse Sub3  
…

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [March 28, 2024, 4:23pm UTC](https://meta.discourse.org/t/sorting-subcategories-one-under-the-other/301371/2 "2024-03-28T16:23:29Z")

</div>

Do you mean, from this:

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/c/d/bcd9e898399e1ce66c3eadb753031367709c6875.png)

to this:

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/7/d/d7db938cdbdbbe13fba811004adcea2b3a199805.png)

?

---

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [March 28, 2024, 4:26pm UTC](https://meta.discourse.org/t/sorting-subcategories-one-under-the-other/301371/3 "2024-03-28T16:26:09Z")

</div>

yes that’s right I meant that 😍

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [March 28, 2024, 4:29pm UTC](https://meta.discourse.org/t/sorting-subcategories-one-under-the-other/301371/4 "2024-03-28T16:29:04Z")

</div>

You can try this CSS:

```css
.category-list .subcategories {
    display: flex;
    flex-direction: column;
}

```

---

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [March 28, 2024, 5:24pm UTC](https://meta.discourse.org/t/sorting-subcategories-one-under-the-other/301371/5 "2024-03-28T17:24:47Z")

</div>

Thank you so much @Arkshine ❤  
Can I ask for your help on one more issue?

> [@How can I change Header icons color with hamburger button](https://meta.discourse.org/t/how-can-i-change-header-icons-color-with-hamburger-button/301343/2):
>
> changing header icon colors: [https://meta.discourse.org/t/how-to-change-header-icon-color/106098/21?u=lilly](https://meta.discourse.org/t/how-to-change-header-icon-color/106098/21) rounding theme component - may suit your needs or at least give you ideas in the code on how to do it: [https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044)

Maybe it’s simple for you, what’s difficult for me.  
Please see my message at the end of the topic.