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

Question

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

Answer 1

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

  

我正在使用*******。com网站。模态   Windows在桌面上应该工作。但是在移动设备上，当一个模态   单击链接弹出模态窗口就好了，但它也是   将页面滚动回顶部。 Avada在href行中包含＃   使用这些引导函数，不会让我删除它。

     

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

在进入许多不正确的方向之后，对我有用的解决方案是一个简单的css调整。将标有“解决方案”的代码添加到您的子主题中，或直接添加到Avada选项中，如屏幕截图所示。

融合10.min.css

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

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

解决方案

覆盖Fusion样式表。

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