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

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

Я видел похожую статью, где говорится, что это можно сделать с помощью CSS: How can I disable "About" menu in hamburger menu?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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