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! [image]

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 [Screenshot 2025-09-20 at 7.50.50 AM] and add this code to the css tab, where custom-section-name is the slug name of a custom menu section: .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 [Screenshot 2025-09-20 at 7.56.44 AM] 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: [Screenshot 2025-09-20 at 7.58.17 AM]

Danke! Ich hatte gerade das gefunden und umgesetzt - aber mobil funktionierte es nicht [图片] Rearrange Sidebar Order? Development 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…

hier war es wohl auch schon mal ein Thema - aber das funktioniert auch nicht [图片] How to sort nav menu sections? Support Hi @Lilly wave I used your CSS code to rearranged the order of the nav sections. It works well when the webpage in the full size. [image] However, I try to resize the webpage to a smaller width, the order settings in the CSS code are invaild. The last section turned to the second just like the following pic: [image] I found that the display: block; property of the sidebar-sections prevents the order from having an effect. Then, I try to add some code to the CSS code. .sidebar-sections…

The sidebar-wrapper class on mobile is replaced by sidebar-hamburger-dropdown I believe. So adding that should make it work on mobile too: .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; } }

Danke! Habe es gerade ausprobiert - hat aber leider nicht funktioniert. :folded_hands:

Oh right one more detail: the sidebar isn’t using flex on mobile apparently. So you’d need to add that too. .sidebar-sections { display: flex; flex-direction: column; } I’ve only tested this briefly, so not sure what else this would impact. But that’s what is blocking.

Vielen Dank!! Das funktioniert!! Super!

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”.

如何控制侧边栏菜单部分的顺序？

产品支持

Aurora (Aurora) 2025 年9 月 20 日 15:03 3

谢谢！我刚找到并实现了这个——但它在移动设备上不起作用

话题		回复	浏览量
Sidebar Section Rearrangement Feature	6	870	2024 年12 月 4 日
Rearrange Sidebar Order? Development	2	968	2023 年7 月 31 日
Change position of “custom section” sidebar Product Support sidebar	2	152	2024 年12 月 1 日
How to sort nav menu sections? Product Support sidebar	2	512	2024 年5 月 9 日
Sidebar Menu Reorder Theme component sidebar	22	1635	2026 年7 月 31 日

如何控制侧边栏菜单部分的顺序？

相关话题