# 네비게이션 메뉴 섹션을 정렬하는 방법?

**URL:** https://meta.discourse.org/t/how-to-sort-nav-menu-sections/289656
**Category:** Support
**Tags:** sidebar
**Created:** [12월 23, 2023, 9:56오후 UTC](https://meta.discourse.org/t/how-to-sort-nav-menu-sections/289656 "2023-12-23T21:56:31Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![xigua](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xigua/32/384466_2.png) [@xigua](https://meta.discourse.org/u/xigua)
#### Post date: [5월 9, 2024, 7:55오전 UTC](https://meta.discourse.org/t/how-to-sort-nav-menu-sections/289656/3 "2024-05-09T07:55:24Z")

</div>

안녕하세요 @Lilly 👋

CSS 코드를 사용하여 네비게이션 섹션의 순서를 재배치했습니다. 웹페이지가 전체 크기일 때는 잘 작동합니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/2/5/225428619c5104d741034cc5bc2137072105e9dc.png)

그러나 웹페이지의 너비를 더 작게 줄이려고 하면, CSS 코드에 설정된 순서가 무효화됩니다. 아래 이미지처럼 마지막 섹션이 두 번째로 이동해 버립니다:

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/8/7/8879343f97dd7d6d05e3f7d93ae1c61a9a220116.png)

`sidebar-sections`의 `display: block;` 속성이 `order`의 효과를 방해하고 있음을 발견했습니다. 그래서 CSS 코드에 다음과 같은 코드를 추가해 보았습니다.

```plaintext
 .sidebar-sections{
     display: flex;
     flex-direction: column;
 }

```

이제 섹션의 순서가 제어를 받을 수 있게 되었습니다.

---

_[View the full topic](https://meta.discourse.org/t/how-to-sort-nav-menu-sections/289656)._