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

제품 지원
3

안녕하세요 @Lilly :wave:

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

image
image1546×841 92.5 KB

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

image
image940×848 47.3 KB

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

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

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