تغيير موضع الشريط الجانبي "القسم المخصص"

هل هذا ممكن؟ لقد جربت هذا ولكن لا يزال لا يعمل:


لقد حاولت القيام بذلك باستخدام 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 على سطح المكتب ولكنها لا تعمل على الهاتف المحمول، كيف يمكنني القيام بذلك؟ للهاتف المحمول