WordPress能否调整移动端菜单触发断点，提前至1200px触发？

完全可以实现将移动端汉堡菜单的触发断点从600px调整为1200px，除Elementor配置方案外，还有以下通用实现方式：

方案1：自定义CSS实现（无插件依赖，通用度最高） #

直接在WordPress后台「外观-自定义-额外CSS」中添加以下代码即可生效：

/* 1200px宽度以下隐藏桌面导航，显示汉堡按钮 */
@media screen and (max-width: 1200px) {
  /* 替换成你站点桌面导航的实际类名/ID，可通过浏览器F12审查元素获取 */
  .desktop-nav {
    display: none !important;
  }
  /* 替换成你站点汉堡按钮的实际类名/ID */
  .burger-menu-btn {
    display: block !important;
  }
}
/* 1200px宽度以上隐藏汉堡按钮，显示桌面导航 */
@media screen and (min-width: 1201px) {
  .burger-menu-btn {
    display: none !important;
  }
  .desktop-nav {
    display: flex !important;
  }
}

注：代码里的类名需要替换为你当前站点导航对应的实际类名，否则不会生效

方案2：主题内置设置调整 #

绝大多数支持自定义导航的WordPress主题都自带菜单断点配置入口，你可以在以下路径查找对应设置：

• 后台「外观-自定义-菜单/导航设置」选项卡
• 主题自带的「主题设置面板-导航菜单」分类下
  找到「移动端菜单触发断点」「汉堡菜单显示宽度」等类似选项后，直接输入1200px保存即可，不需要写任何代码。

Elementor Pro原生调整方案 #

如果你使用的是Elementor Pro版本，也可以直接通过原生功能调整：打开对应页眉模板的菜单组件设置，在「响应式」选项卡下找到「断点」设置项，选择将汉堡菜单触发条件改为1200px对应的响应式断点即可。

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