# 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:** 1
**Showing post:** 2

<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)

---

_[View the full topic](https://meta.discourse.org/t/rearrange-sidebar-order/273405)._