# כיצד לשלוט בסדר קטעי התפריט בסרגל הצד?
**URL:** https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384
**Category:** Support
**Tags:** sidebar
**Created:** [20 בספטמבר, 2025, 2:18pm UTC](https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384 "2025-09-20T14:18:41Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@Aurora](https://meta.discourse.org/u/Aurora)
#### Post date: [20 בספטמבר, 2025, 2:18pm UTC](https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384/1 "2025-09-20T14:18:41Z")
Hi everyone,
I’m running into an issue with the sidebar menu in my Discourse forum. The order of the sections seems fixed — for example, when I create additional custom sections, they always appear _above_ the “Categories” section.
For my community, it would be important to have those custom sections _below_ the categories instead, but I can’t find any way to change or control this order.
Is there a way to manage the position of sidebar sections, or is it currently not possible to customize the hierarchy/order of these blocks?
Thanks in advance for any guidance!
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [20 בספטמבר, 2025, 3:02pm UTC](https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384/2 "2025-09-20T15:02:11Z")
Hi there, you can control the order of sidebar sections with CSS. Just add a new component with something like the following css code. Go to `admin -> themes & compontents -> components` and create a new local component
and add this code to the css tab, where `custom-section-name` is the slug name of a custom menu section:
```scss
.sidebar-wrapper {
.sidebar-custom-sections {
display: contents;
}
[data-section-name="community"] {
order: -4;
}
[data-section-name="categories"] {
order: -3;
}
[data-section-name="tags"] {
order: -2;
}
[data-section-name="custom-section-name"] {
order: -1;
}
}
```
> **screenshot of CSS tab**
>
> 
You will have to change the numbers and add custom sections to the above code to suit your specific needs. It will looks something like this:
---
### Author:  [@Aurora](https://meta.discourse.org/u/Aurora)
#### Post date: [20 בספטמבר, 2025, 3:03pm UTC](https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384/3 "2025-09-20T15:03:50Z")
Thanks! I had just found and implemented that - but it didn’t work on mobile
> [@Rearrange Sidebar Order?](https://meta.discourse.org/t/rearrange-sidebar-order/273405/2?u=aurora):
>
> 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-wrappe…
---
### Author:  [@Aurora](https://meta.discourse.org/u/Aurora)
#### Post date: [20 בספטמבר, 2025, 4:07pm UTC](https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384/6 "2025-09-20T16:07:08Z")
This was apparently also an issue here - but this doesn’t work either
[https://meta.discourse.org/t/how-to-sort-nav-menu-sections/289656/3?u=aurora](https://meta.discourse.org/t/how-to-sort-nav-menu-sections/289656/3?u=aurora)
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [21 בספטמבר, 2025, 7:28pm UTC](https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384/7 "2025-09-21T19:28:48Z")
המחלקת `sidebar-wrapper` במובייל מוחלפת ב-`sidebar-hamburger-dropdown` לדעתי. לכן הוספתה אמורה לגרום לכך שזה יעבוד גם במובייל:
```css
.sidebar-wrapper,
.sidebar-hamburger-dropdown {
.sidebar-custom-sections {
display: contents;
}
[data-section-name="community"] {
order: -4;
}
[data-section-name="categories"] {
order: -3;
}
[data-section-name="tags"] {
order: -2;
}
[data-section-name="custom-section-name"] {
order: -1;
}
}
```
---
### Author:  [@Aurora](https://meta.discourse.org/u/Aurora)
#### Post date: [21 בספטמבר, 2025, 8:00pm UTC](https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384/8 "2025-09-21T20:00:08Z")
Thanks! I just tried it - unfortunately it didn’t work. 🙏
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [21 בספטמבר, 2025, 8:30pm UTC](https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384/9 "2025-09-21T20:30:00Z")
נכון, עוד פרט אחד: הסרגל הצדדי לא משתמש ב-flex במובייל, כנראה. אז תצטרכו להוסיף גם את זה.
```plaintext
.sidebar-sections {
display: flex;
flex-direction: column;
}
```
---
### Author:  [@Aurora](https://meta.discourse.org/u/Aurora)
#### Post date: [22 בספטמבר, 2025, 11:38am UTC](https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384/10 "2025-09-22T11:38:54Z")
תודה רבה!! זה עובד!! מעולה!
---
### Author:  [@rakekniven](https://meta.discourse.org/u/rakekniven)
#### Post date: [29 באוקטובר, 2025, 12:38pm UTC](https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384/13 "2025-10-29T12:38:48Z")
The header name of my custom section contains a space e.g., “Help users.”
I tried to use `data-section-name=“help users”`, but that does not work.
How can I specify the space? Does any masking need to be done here?
Please help
EDIT:
After inspecting site using dev tools of FF I found the solution is “help-users”.
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [28 בנובמבר, 2025, 12:39pm UTC](https://meta.discourse.org/t/how-to-control-the-order-of-menu-sections-in-the-sidebar/383384/14 "2025-11-28T12:39:40Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.