Elementor区块移动端隐藏：OceanWP Lawyer演示站对应问题排查求助

• 进入Elementor编辑器定位到「Why Choose Our Firm」对应的区块，点击编辑按钮打开右侧设置面板，切换到高级标签下的响应式设置栏，检查是否开启了「移动端隐藏」选项。OceanWP官方Lawyer演示模板导入时默认会开启该配置，该设置不会在普通页面设置项中展示，仅在Elementor区块的独立响应式配置中可查。
• 若区块本身的响应式设置正常，逐层检查该区块的父级容器（上层Section、列容器）的响应式设置，父级开启移动端隐藏时，子元素会继承隐藏属性。
• 排查WordPress后台「外观→自定义→额外CSS」中是否存在演示模板导入时自带的移动端隐藏规则，搜索elementor-hidden-phone或者对应区块的类名，确认是否有强制隐藏的媒体查询代码。
• 检查Elementor全局断点配置：进入Elementor→设置→断点，确认移动端断点阈值未被异常修改，避免断点匹配误差导致隐藏规则触发。
• 若无法定位配置根源，可临时添加自定义CSS强制覆盖规则：

  @media (max-width: 767px) {
    .elementor-hidden-phone {
      display: block !important;
    }
  }
  

  该方法仅为临时兜底方案，优先建议找到原始配置修改，避免后续样式冲突。

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