# Aninhar subcategorias sob suas categorias principais na barra lateral

**URL:** <https://meta.discourse.org/t/nest-subcategories-under-their-parent-categories-in-the-sidebar/239581>\
**Category:** UX\
**Tags:** sidebar\
**Created:** [Setembro 20, 2022, 8:23pm UTC](https://meta.discourse.org/t/nest-subcategories-under-their-parent-categories-in-the-sidebar/239581 "2022-09-20T20:23:16Z")\
**Posts on this page:** 1\
**Showing post:** 32

<div class="post-metadata">

**Author:** ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)\
**Post date:** [Novembro 16, 2023, 7:11pm UTC](https://meta.discourse.org/t/nest-subcategories-under-their-parent-categories-in-the-sidebar/239581/32 "2023-11-16T19:11:29Z")

</div>

Abra seu console de desenvolvedor e dê uma olhada no registro `data-list-item-name`:

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/3/3/2338833c2beb8ba3b022c98671b0cabeff3e0d4d.png)

Em seguida, você pode direcioná-los em seu CSS, por exemplo:

```css
li.sidebar-section-link-wrapper {
  &[data-list-item-name="New"],
  &[data-list-item-name="Global leaderboard"],
  &[data-list-item-name="Test leaderboard"] {
    margin-left: 1em;
  }
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/3/e/63ec0070160b289b7abb13b348c36234e0350844.png)

Com uma abordagem semelhante, você pode mover uma seção inteira em vez de links individuais:

```css
.sidebar-section-wrapper.sidebar-section[data-section-name="new-global-links-section"] {
    margin-left: 1em;
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/b/3/7b363f3e773d4eb76e7f4eb35159b21f36dfd195.png)

---

_[View the full topic](https://meta.discourse.org/t/nest-subcategories-under-their-parent-categories-in-the-sidebar/239581)._