# Rearrange Sidebar Order?

**URL:** https://meta.discourse.org/t/rearrange-sidebar-order/273405
**Category:** Development
**Created:** [July 31, 2023, 10:41pm UTC](https://meta.discourse.org/t/rearrange-sidebar-order/273405 "2023-07-31T22:41:42Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![discoursejl](https://avatars.discourse-cdn.com/v4/letter/d/9de0a6/32.png) [@discoursejl](https://meta.discourse.org/u/discoursejl)
#### Post date: [July 31, 2023, 10:41pm UTC](https://meta.discourse.org/t/rearrange-sidebar-order/273405/1 "2023-07-31T22:41:42Z")

</div>

Is it possible to rearrange the sidebar?

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

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [July 31, 2023, 11:16pm UTC](https://meta.discourse.org/t/rearrange-sidebar-order/273405/2 "2023-07-31T23:16:34Z")

</div>

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

```scss
.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](https://meta.discourse.org/t/navigation-menu-sidebar-modifier/267354)

---

<div class="post-metadata">

### Author: ![discoursejl](https://avatars.discourse-cdn.com/v4/letter/d/9de0a6/32.png) [@discoursejl](https://meta.discourse.org/u/discoursejl)
#### Post date: [July 31, 2023, 11:23pm UTC](https://meta.discourse.org/t/rearrange-sidebar-order/273405/3 "2023-07-31T23:23:07Z")

</div>

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

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [August 30, 2023, 11:23pm UTC](https://meta.discourse.org/t/rearrange-sidebar-order/273405/4 "2023-08-30T23:23:11Z")

</div>

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