在汉堡菜单中隐藏项目

[attj]

我想在汉堡菜单中移除一些项目，比如“标签”。

我看到一篇文章说可以通过 CSS 实现：How can I disable "About" menu in hamburger menu?

但我不知道该把这个 CSS 放在插件的哪个位置。

[Don]

你好，

你需要为此创建一个新组件。

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;
  }
}

点击保存。完成！

[attj]

我从这个回答中学到了很多。非常感谢！