WordPress菜单悬停不显示下拉子项求助（新手向）

先看两张参考截图：

• 菜单相关代码截图：
• 前台菜单显示截图：

下面按从易到难的顺序排查解决：

1. 先确认后台菜单设置是否正确 #

• 登录WordPress后台，点击「外观」→「菜单」
• 找到「Services」和「Pests」这两个父菜单项，检查它们下方是否有缩进显示的子菜单项（缩进样式代表已正确设置为子菜单）
• 如果没添加子项，把需要设为下拉的菜单项拖到父项下方并缩进对齐，最后点击「保存菜单」

2. 用自定义CSS强制开启悬停显示 #

如果后台设置没问题，大概率是CSS代码把子菜单默认隐藏了，直接添加一段自定义CSS即可：

• 后台点击「外观」→「自定义」→「额外CSS」
• 粘贴以下代码：

/* 鼠标悬停父菜单时显示子菜单 */
.main-navigation .menu-item-has-children:hover .sub-menu {
    display: block !important;
    visibility: visible !important;
}
/* 给子菜单加基础样式，避免布局混乱 */
.main-navigation .sub-menu {
    position: absolute;
    background-color: #ffffff;
    padding: 10px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    z-index: 9999;
}

• 点击「发布」，刷新前台页面测试悬停效果

3. 排查主题/插件冲突 #

如果上面两步都无效：

• 切换默认主题测试：后台「外观」→「主题」，激活Twenty Twenty-One这类官方默认主题，再测试菜单悬停。如果恢复正常，说明当前主题的菜单代码存在问题，可联系主题作者修复，或继续调整自定义CSS
• 排查插件冲突：后台「插件」→「全部禁用」，之后逐个启用插件，每启用一个就测试一次菜单，找到导致问题的插件后，尝试更新插件或更换同类插件

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