Rearrange Sidebar Order?

Dev
2

since the navigation menu sidebar-sections class is using the display = "flex" property you can do something like this - just change the numbers based on what order you want the sections to appear:

in common css

.sidebar-section-wrapper.sidebar-section[data-section-name="categories"] {
  order: 1; 
}
.sidebar-section-wrapper.sidebar-section[data-section-name="tags"] {
  order: 2; 
}
.sidebar-section-wrapper.sidebar-section[data-section-name="chat-dms"] {
  order: 3; 
}
.sidebar-section-wrapper.sidebar-section[data-section-name="chat-channels"] {
  order: 4; 
}
.sidebar-section-wrapper.sidebar-section[data-section-name="messages"] {
  order: 5; 
}

also, if you have some other changes you might like to make to the navigation sidebar menu, i have a theme component that does some (i will be updating it soon with the recent menu changes though). maybe i’ll add a section order changer function.

https://meta.discourse.org/t/navigation-menu-sidebar-modifier/267354

6 Likes