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

제품 지원
1

커뮤니티를 위한 몇 가지 유용한 링크를 담은 사용자 지정 섹션을 만들었습니다. 이 섹션을 카테고리 섹션 바로 아래에 배치하고 싶은데, 내장 옵션이나 테마 구성 요소를 찾을 수 없습니다. 도와주실 수 있는 분 계신가요?

2

안녕하세요 @Skeleton :wave:

이 기능을 사용하려면 여기에 이 CSS 코드를 사용할 수 있습니다:

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;
 }

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