# Скрытие элементов в меню-гамбургере

**URL:** https://meta.discourse.org/t/hiding-items-in-hamburger-menu/234962
**Category:** Support
**Created:** [03.Август.2022 09:07:34 UTC](https://meta.discourse.org/t/hiding-items-in-hamburger-menu/234962 "2022-08-03T09:07:34Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![attj](https://avatars.discourse-cdn.com/v4/letter/a/a698b9/32.png) [@attj](https://meta.discourse.org/u/attj)
#### Post date: [03.Август.2022 09:07:34 UTC](https://meta.discourse.org/t/hiding-items-in-hamburger-menu/234962/1 "2022-08-03T09:07:34Z")

</div>

Я хотел бы удалить некоторые элементы в гамбургер-меню, например, теги.

Я видел похожую статью, где говорится, что это можно сделать с помощью CSS: [How can I disable "About" menu in hamburger menu?](https://meta.discourse.org/t/how-can-i-disable-about-menu-in-hamburger-menu/232813)

Но я не уверен, куда именно вставлять этот CSS в плагине.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [03.Август.2022 10:20:45 UTC](https://meta.discourse.org/t/hiding-items-in-hamburger-menu/234962/2 "2022-08-03T10:20:45Z")

</div>

Здравствуйте,

Вам необходимо создать новый компонент для этого.

1. Перейдите в `/admin/customize/themes/`  
Настройка → Темы

2. Откройте вкладку **Компоненты** и нажмите кнопку Установить.

3. В появившемся окне нажмите кнопку Создать новый и введите имя нового компонента.  

4. Нажмите кнопку Создать.

5. Компонент создан. Теперь выберите тему (или темы), для которой вы хотите его активировать.  

6. Теперь нажмите кнопку Изменить CSS/HTML.  

7. Перейдите на вкладку **ОБЩЕЕ** и вставьте приведенный ниже код в раздел **CSS**.  

Здесь также можно использовать атрибут `title`, но лучше ориентироваться на `href`, так как он фиксирован, а `title` меняется в зависимости от языка, что не является оптимальным решением.

```scss
.menu-panel li a.widget-link {
  &[href="/tags"] {
    display: none;
  }
}

```

В этом примере мы скрываем **Теги** , но вы можете добавить больше элементов, следуя приведенному ниже коду.

Это скроет **Теги** и **Значки**.

```scss
.menu-panel li a.widget-link {
  &[href="/tags"],
  &[href="/badges"] {
    display: none;
  }
}

```

Нажмите «Сохранить». Готово! 🙂

---

<div class="post-metadata">

### Author: ![attj](https://avatars.discourse-cdn.com/v4/letter/a/a698b9/32.png) [@attj](https://meta.discourse.org/u/attj)
#### Post date: [03.Август.2022 10:31:24 UTC](https://meta.discourse.org/t/hiding-items-in-hamburger-menu/234962/3 "2022-08-03T10:31:24Z")

</div>

Я многому научился из этого ответа. Большое спасибо!

---

<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: [02.Сентябрь.2022 10:31:37 UTC](https://meta.discourse.org/t/hiding-items-in-hamburger-menu/234962/4 "2022-09-02T10:31:37Z")

</div>

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