求助：WordPress后台创建的下拉菜单无法正常工作

• 确认主题菜单支持
  检查当前主题的functions.php文件，确认是否包含菜单支持的代码：

  add_theme_support('menus');
  register_nav_menus( array(
      'primary' => __( 'Primary Menu', 'your-theme-text-domain' ),
  ) );
  

  若缺失，添加上述代码后保存，刷新网站测试。

• 修正菜单层级结构
  从后台截图验证子菜单是否正确嵌套：拖动子菜单项向右缩进，使其成为父菜单项的下级。调整完成后务必点击「保存菜单」，再查看前端效果。

• 检查菜单模板调用代码
  打开主题的header.php或对应模板文件，确认菜单调用使用wp_nav_menu()函数且参数正确：

  wp_nav_menu( array(
      'theme_location' => 'primary',
      'menu_class'     => 'nav-menu',
      'depth'          => 2, // 允许显示2级菜单，支持下拉
  ) );
  

  确保depth参数值大于1，这样子菜单才会被正常输出。

• 排查CSS/JS冲突

  1. 临时切换到WordPress默认主题（如Twenty Twenty-Four），测试下拉菜单是否恢复正常，排除主题本身问题。
  2. 禁用所有插件，再逐个重新启用，定位是否是插件引发的样式或脚本冲突。
  3. 若为主题样式问题，检查主题CSS文件中是否有子菜单的显示控制代码，示例如下：

     .nav-menu .sub-menu {
         display: none;
         position: absolute;
         /* 其他定位、样式属性 */
     }
     .nav-menu li:hover .sub-menu {
         display: block;
     }
     

     若缺失相关样式，可添加到主题自定义CSS区域。

• 清除网站缓存
  清理插件缓存、服务器缓存及浏览器缓存，避免修改内容因缓存无法即时生效，之后刷新前端页面测试。

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