How to sort nav menu sections?

[Skeleton (Schelly)]

I created a custom section with a few useful links for the community. I wanted to set the section to be just below the categories section but i can’t find any option built in or theme component. Anyone can help?

[Lilly]

Hi @Skeleton

You can use this CSS code here to do this:

Sidebar Section Rearrangement

There’s not a setting for this, but it can be done by adding CSS to admin/customize/themes .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; } }

[xigua]

Hi @Lilly

I used your CSS code to rearranged the order of the nav sections. It works well when the webpage in the full size.

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:

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{
     display: flex;
     flex-direction: column;
 }

And now the order of the sections is under controll.