Left Sidebar Dropdown (Submenus for categories)

Contribute UX

AI-generated summary

mambonr5 is seeking a way to set up sub-categories as sub-menus under parent categories in the left sidebar. They would like to achieve a navigation setup with sub-categories isolated in the menu, similar to an image they provided. Moin shared a link to a related discussion on meta.discourse.org, which led mambonr5 to implement a custom CSS solution using category IDs. However, mambonr5 expressed surprise that this functionality is not already implemented in the core system, suggesting it would be a useful feature to implement in the future, similar to the existing “Dropdown in header menu” option in Settings → Navigation.

1

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
image263×231 3.3 KB

Thanks.

2 Likes
The "Docs" section doesn't show all available categories & articles
2
2 Likes
3

Thanks for that.

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

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. :slight_smile:

1 Like