使用Elementor Pro与Hello Elementor主题，如何禁用响应式让移动端显示桌面视图？

• 修改Elementor全局设置

  1. 进入WordPress后台，打开Elementor -> 站点设置 -> 布局
  2. 找到“响应式断点”设置，把手机、平板的断点值全部设为0，这样Elementor不会触发移动端的响应式样式
  3. 保存设置

• 强制固定视口宽度（替代直接删除viewport的方式）
  直接删除header.php里的viewport标签很容易被主题或Elementor自动恢复，换更稳妥的方法：

  1. 进入外观 -> 自定义 -> 额外CSS，添加以下代码：

  @media only screen and (max-width: 1024px) {
    html, body {
      width: 1200px !important; /* 这里填写你桌面端的默认宽度，比如1920也可以 */
      overflow-x: auto;
    }
  }
  

  2. 再进入外观 -> 主题编辑器，找到header.php，把原来的viewport标签替换成：

  <meta name="viewport" content="width=1200">
  

  （提示：建议用子主题修改，避免主题更新覆盖；嫌麻烦可以装Code Snippets插件，通过wp_head钩子插入这段meta标签）

• 禁用Hello Elementor自带的响应式样式
  Hello Elementor主题本身带响应式样式，需要一起禁用，同样在额外CSS里添加：

  .hello-elementor-theme-header, .site-content, .hello-elementor-theme-footer {
    max-width: none !important;
    width: 100% !important;
  }
  .elementor-section {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }
  .elementor-column {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  

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