如何移除WordPress汉堡菜单中的文章分类选项

你之前的CSS代码无效，大概率是选择器匹配不到目标元素，或者原主题CSS优先级更高。按以下步骤解决：

• 第一步：定位正确的元素选择器

  1. 打开浏览器开发者工具（按F12），点击左上角的选择工具（箭头图标）。
  2. 点击汉堡菜单展开，选中要隐藏的分类项（比如“未分类”），查看右侧Elements面板里该元素的类名或ID。
  3. 比如你可能会看到类似这样的HTML结构：

     <li class="menu-item menu-item-category">
         <a href="/category/uncategorized">未分类</a>
     </li>
     

     这里的.menu-item-category就是你需要的核心选择器。

• 第二步：添加高优先级的隐藏CSS
  把下面的代码替换成你找到的选择器，添加到主题的自定义CSS里（外观→自定义→额外CSS）：

  /* 隐藏汉堡菜单中的分类项 */
  .hamburger-panel .menu-item-category {
      display: none !important;
  }
  
  /* 如果有分类上方的分隔线，同样找到对应选择器隐藏 */
  .hamburger-panel .category-divider {
      display: none !important;
  }
  

  加!important是为了覆盖原主题的CSS规则，确保样式生效。

• 第三步：验证效果
  保存CSS后刷新页面，点击汉堡菜单查看分类是否已经隐藏。如果还是不行，检查选择器是否精准（比如是否需要加上父元素的多层类名），或者是否有其他嵌套结构需要调整选择器。

内容的提问来源于stack exchange，提问作者sumosteve