WordPress(Divi主题)移动端导航菜单消失问题求助

针对你使用Divi 3.19.14版本遇到的移动端菜单消失问题，已排除插件冲突，可尝试以下步骤：

• 检查Divi移动端菜单核心设置
  进入WordPress后台→Divi→主题定制器→标题和导航→移动菜单：

  • 确认「启用移动菜单」选项已勾选；
  • 检查「选择移动菜单」是否指定了正确的菜单（不要留空）；
  • 调整「移动菜单断点」为合理值（比如默认的980px），确保窗口缩小到该尺寸时触发移动端菜单。

• 排查自定义CSS/JS冲突

  • 进入Divi→主题选项→自定义CSS，搜索是否存在隐藏移动端菜单的代码，比如：

    #mobile_menu { display: none !important; }
    .et_mobile_menu { display: none; }
    

    如有则删除或用/* */注释掉；
  • 检查主题选项→集成标签下的自定义JS代码，临时移除所有自定义脚本后测试菜单是否恢复。

• 修复Divi核心文件（旧版本已知问题）
  3.19.x版本的Divi存在移动端菜单JS加载异常的概率：

  • 备份当前主题的自定义修改后，下载对应版本的Divi 3.19.14安装包，用FTP工具替换/wp-content/themes/Divi/目录下的核心文件（子主题文件保留）；
  • 手动检查/wp-content/themes/Divi/js/custom.js中的et_mobile_menu()函数，确保代码完整无损坏，若发现异常可从官方安装包中替换该文件。

• 强制清除缓存

  • 用Ctrl+F5强制刷新浏览器，清除本地缓存的旧CSS/JS文件；
  • 若网站使用了服务器缓存、CDN，同步清除对应缓存后再测试。

• 检查子主题模板修改
  如果你使用了Divi子主题，打开子主题的header.php文件，确认是否存在<?php get_template_part( 'includes/mobile_menu' ); ?>代码，这段是加载移动端菜单的核心代码，若缺失需添加回去。

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