# 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:** 35

<div class="post-metadata">

**Author:** ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)\
**Post date:** [Outubro 4, 2024, 5:40pm UTC](https://meta.discourse.org/t/nest-subcategories-under-their-parent-categories-in-the-sidebar/239581/35 "2024-10-04T17:40:53Z")

</div>

> [@dax](#):
>
> Em seguida, utilize os IDs das subcategorias, que são um tanto incômodos, mas funcionais:
> 
> ```plaintext
> li.sidebar-section-link-wrapper {
> &[data-category-id="10"], /*subcategory ID*/
> &[data-category-id="11"], /*subcategory ID*/
> &[data-category-id="12"], /*subcategory ID*/
> &[data-category-id="13"] /*subcategory ID*/ {
> margin-left: 1em;
> }
> }
> 
> ```

Estou me perguntando se poderíamos simplificar isso?

No componente de tema Category Hider, um alternador foi adicionado para ocultar todas as subcategorias

```plaintext
.hamburger-panel .category-link.subcategory {
      display:none;
}

```

Antes deste componente, eu havia ocultado manualmente todas as subcategorias, visando cada uma individualmente. Até que alguém compartilhou um código de 1 linha que ocultava todas as subcategorias

```plaintext
li.sidebar-section-link-wrapper {
  .category-link.subcategory {
    margin-left: 1em;
  }
}

```

Testarei o código acima momentaneamente.

Infelizmente, isso não funciona. 😥. Haveria uma maneira de ajustar este código para funcionar?

---

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