# Change position of “custom section” sidebar

**URL:** https://meta.discourse.org/t/change-position-of-custom-section-sidebar/339037
**Category:** Support
**Tags:** sidebar
**Created:** [November 28, 2024, 2:31pm UTC](https://meta.discourse.org/t/change-position-of-custom-section-sidebar/339037 "2024-11-28T14:31:16Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![willie](https://avatars.discourse-cdn.com/v4/letter/w/838e76/32.png) [@willie](https://meta.discourse.org/u/willie)
#### Post date: [November 28, 2024, 2:31pm UTC](https://meta.discourse.org/t/change-position-of-custom-section-sidebar/339037/1 "2024-11-28T14:31:16Z")

</div>

it’s possible? I try this but still no working:

‘  
I try to do with css but still no working can somebody help me?

```scss
.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; 
}

```

‘

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [November 28, 2024, 2:37pm UTC](https://meta.discourse.org/t/change-position-of-custom-section-sidebar/339037/2 "2024-11-28T14:37:19Z")

</div>

depending on what order you want your sections in, you can do something like this:

```scss
.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;
  }
}

```

---

<div class="post-metadata">

### Author: ![willie](https://avatars.discourse-cdn.com/v4/letter/w/838e76/32.png) [@willie](https://meta.discourse.org/u/willie)
#### Post date: [December 1, 2024, 7:26am UTC](https://meta.discourse.org/t/change-position-of-custom-section-sidebar/339037/3 "2024-12-01T07:26:28Z")

</div>

@Lilly is working in the desktop but is no working in the mobile how can I do it? For the mobile

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [December 31, 2024, 7:26am UTC](https://meta.discourse.org/t/change-position-of-custom-section-sidebar/339037/4 "2024-12-31T07:26:43Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.