# Sidebar Section Rearrangement

**URL:** https://meta.discourse.org/t/sidebar-section-rearrangement/288007
**Category:** Feature
**Created:** [December 8, 2023, 6:30pm UTC](https://meta.discourse.org/t/sidebar-section-rearrangement/288007 "2023-12-08T18:30:08Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Aditya\_Shevle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aditya_shevle/32/347008_2.png) [@Aditya\_Shevle](https://meta.discourse.org/u/Aditya_Shevle)
#### Post date: [December 8, 2023, 6:30pm UTC](https://meta.discourse.org/t/sidebar-section-rearrangement/288007/1 "2023-12-08T18:30:08Z")

</div>

Hi,

I was wondering if it’s possible to rearrange the categories listing above the custom section in the sidebar. If so, could someone assist me with this?

Thank you in advance!

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [December 8, 2023, 7:01pm UTC](https://meta.discourse.org/t/sidebar-section-rearrangement/288007/3 "2023-12-08T19:01:41Z")

</div>

There’s not a setting for this, but it can be done by adding CSS to admin/customize/themes

```css
.sidebar-wrapper { 
  .sidebar-custom-sections {
    display: contents;
  } 
  [data-section-name="community"] {
    order: -3;
  }
  [data-section-name="categories"] {
    order: -2;
  }
  [data-section-name="custom-section-title-here"] {
    order: -1;
  }
}

```

---

<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: [December 8, 2023, 7:24pm UTC](https://meta.discourse.org/t/sidebar-section-rearrangement/288007/4 "2023-12-08T19:24:13Z")

</div>

You can change the order of any navigation sidebar menu sections with my Navigation Menu Display Control theme component.

> [@Navigation (sidebar) menu display control](https://meta.discourse.org/t/navigation-sidebar-menu-display-control/277687):
>
> information_sourceSummary Allows displaying sections and links for staff, logged-in and anon usershammer_and_wrenchRepository [https://github.com/Lillinator/navigation-menu-display-control](https://github.com/Lillinator/navigation-menu-display-control)questionInstall Guide [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Description The Navigation Menu Display Control theme component allows for the display of various default…

---

<div class="post-metadata">

### Author: ![Aditya\_Shevle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aditya_shevle/32/347008_2.png) [@Aditya\_Shevle](https://meta.discourse.org/u/Aditya_Shevle)
#### Post date: [December 8, 2023, 7:34pm UTC](https://meta.discourse.org/t/sidebar-section-rearrangement/288007/5 "2023-12-08T19:34:01Z")

</div>

Hi @awesomerobot Thank you for your reply. Its a great css the one you have provided, however I want categories should come after First section which includes Topics, My Posts, Review, Admin & More..  
I hope you understand.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [December 8, 2023, 7:45pm UTC](https://meta.discourse.org/t/sidebar-section-rearrangement/288007/6 "2023-12-08T19:45:04Z")

</div>

Ah, sorry I misunderstood… I revised my answer to reflect this above.

---

<div class="post-metadata">

### Author: ![Aditya\_Shevle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aditya_shevle/32/347008_2.png) [@Aditya\_Shevle](https://meta.discourse.org/u/Aditya_Shevle)
#### Post date: [December 8, 2023, 8:04pm UTC](https://meta.discourse.org/t/sidebar-section-rearrangement/288007/7 "2023-12-08T20:04:57Z")

</div>

@awesomerobot Excellent CSS. It’s perfectly working. Thank you so much.. 😍

---

<div class="post-metadata">

### Author: ![willie](https://avatars.discourse-cdn.com/v4/letter/w/838e76/32.png) [@willie](https://meta.discourse.org/u/willie)
#### Post date: [December 4, 2024, 3:22pm UTC](https://meta.discourse.org/t/sidebar-section-rearrangement/288007/8 "2024-12-04T15:22:07Z")

</div>

This is only work for desktop what about mobile?
