Avada WP 主题/引导模式导致页面在移动设备上滚动到顶部

Question

使用 Avada 主题，不确定他们集成了哪个版本的 Bootstrap，但在移动设备上，当我打开模式时，它会将页面滚动到顶部。我已经尝试了一些野外的解决方案，但到目前为止都没有奏效。

Answer 1

我刚刚在 Avada 5.5.2 上遇到了同样的问题。这是我同事今天早上通过电子邮件发送给我的确切问题。

我在 *******.com 网站上工作。模态的 windows 可以在桌面上正常工作。但是在移动设备上，当模态 点击链接，弹出模态窗口就好了，但它也 将页面滚动回顶部。 Avada 在 href 行中包含 # 时 使用这些引导函数，不会让我删除它。

所以，这是我尝试过的，但没有成功：....

在走了很多不正确的方向之后，对我有用的解决方案是一个简单的 css 调整。将下面标记为“解决方案”的代码添加到您的子主题中，或直接添加到您的 Avada 选项中，如屏幕截图中所做的那样。

fusion-10.min.css

样式表融合构建器创建的是强制固定定位。

.ua-mobile .modal-open {
    position: fixed;
    overflow: hidden;
}

解决方案

像这样覆盖融合样式表。

.ua-mobile .modal-open {
    position: relative;
}