Rearrange Sidebar Order?

dev
1

Is it possible to rearrange the sidebar?

For example, move “Channels” above “Categories”?

1 Like
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.

5 Likes
3

Amazing, worked perfectly. Will check out your theme component, thanks!

1 Like
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.