사이드바의 '사용자 정의 섹션' 위치 변경

가능합니까? 이렇게 해봤는데도 여전히 작동하지 않습니다:

‘
CSS로 시도해 봤는데도 여전히 작동하지 않아요. 누군가 도와줄 수 있나요?

.sidebar-section-wrapper.sidebar-section[data-section-name="buythebookhere"] {
  order: 1;
}
.sidebar-section-wrapper.sidebar-section[data-section-name="reviews-of-customers"] {
  order: 2;
}
.sidebar-section-wrapper.sidebar-section[data-section-name="categories"] {
  order: 3; 
}
.sidebar-section-wrapper.sidebar-section[data-section-name="tags"] {
  order: 4; 
}
.sidebar-section-wrapper.sidebar-section[data-section-name="justbehappy"] {
  order: 5;
}
.sidebar-section-wrapper.sidebar-section[data-section-name="messages"] {
  order: 6; 
}

.sidebar-section-wrapper.sidebar-section[data-section-name="chat-channels"] {
  order: 7; 
}

.sidebar-section-wrapper.sidebar-section[data-section-name="chat-dms"] {
  order: 8; 
}

‘

섹션의 순서를 원하는 대로 지정하려면 다음과 같이 작성할 수 있습니다:

.sidebar-wrapper { 
  .sidebar-custom-sections {
    display: contents;
  } 
  [data-section-name="tags"] {
    order: -3;
  }
  [data-section-name="categories"] {
    order: -2;
  }
  [data-section-name="custom-section-title-here"] {
     order: -1;
  }
}

@Lilly는 데스크톱에서는 작동하지만 모바일에서는 작동하지 않습니다. 모바일에서 어떻게 하면 될까요?