# Left Sidebar Dropdown (Submenus for categories)

**URL:** https://meta.discourse.org/t/left-sidebar-dropdown-submenus-for-categories/311543
**Category:** UX
**Created:** [June 11, 2024, 10:37am UTC](https://meta.discourse.org/t/left-sidebar-dropdown-submenus-for-categories/311543 "2024-06-11T10:37:53Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![mambonr5](https://avatars.discourse-cdn.com/v4/letter/m/5fc32e/32.png) [@mambonr5](https://meta.discourse.org/u/mambonr5)
#### Post date: [June 11, 2024, 10:37am UTC](https://meta.discourse.org/t/left-sidebar-dropdown-submenus-for-categories/311543/1 "2024-06-11T10:37:53Z")

</div>

Hello.

I wonder about the theme setup for left sidebar, is there no way to set the sub-categories as sub-menu under the parent category, I know I can toggle the sub-category inside the the category settings, it get’s two colors icon with the mixed with colors from that sub-category, and the parent category, but honestly members do not get that.

So I wonder is it not possible to customize it with already made component or other solutions?

I would like to make navigation like this image below, but I don’t necessary need them to have some drop-down function (toggle) fixed is okay, just so I can isolate them as sub-categories in the menu would be great!

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/0/d/80dc9fe2f876120a66004661a0330d17006d8591.png)

Thanks.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [June 11, 2024, 10:43am UTC](https://meta.discourse.org/t/left-sidebar-dropdown-submenus-for-categories/311543/2 "2024-06-11T10:43:18Z")

</div>

> [@Nest subcategories under their parent categories in the sidebar](https://meta.discourse.org/t/nest-subcategories-under-their-parent-categories-in-the-sidebar/239581/30):
>
> Then utilize the subcategories’ IDs, which are somewhat bothersome but functional: li.sidebar-section-link-wrapper { &[data-category-id="10"], /\*subcategory ID\*/ &[data-category-id="11"], /\*subcategory ID\*/ &[data-category-id="12"], /\*subcategory ID\*/ &[data-category-id="13"] /\*subcategory ID\*/ { margin-left: 1em; } }

---

<div class="post-metadata">

### Author: ![mambonr5](https://avatars.discourse-cdn.com/v4/letter/m/5fc32e/32.png) [@mambonr5](https://meta.discourse.org/u/mambonr5)
#### Post date: [June 11, 2024, 12:40pm UTC](https://meta.discourse.org/t/left-sidebar-dropdown-submenus-for-categories/311543/3 "2024-06-11T12:40:10Z")

</div>

Thanks for that.

After I posted this I already came up with a similar solution for custom CSS based on the ID ofc.

```plaintext
li {
  &[data-category-id^="52"],
  &[data-category-id^="8"]
  a {
   margin-left: 15px !important;
  }
}

```

But I was kind of mind blown that it was not some functionality already implemented in the core system, because you can go to Setting → Navigation and select Dropdown in header menu, would be great to implement that feature later on. 🙂