使用Avada主题并不确定它们集成了哪个版本的Bootstrap,但是在移动设备上打开模式时,它将页面滚动到顶部。我尝试了一些野外解决方案,但到目前为止都没有奏效。
最佳答案
我刚刚在Avada 5.5.2上遇到了相同的问题。这是我的同事今天早上通过电子邮件发送给我的确切问题。
我正在*******。com网站上工作。模态
Windows可以在桌面上正常工作。但是在移动设备上
单击链接,弹出模态窗口就好了,但它也
将页面滚动回到顶部。在以下情况下,Avada在href行中包含#
使用这些引导程序功能,并且不会让我将其删除。
因此,这是我尝试的尝试,但未成功:...
在走了许多不正确的方向之后,对我有用的解决方案是一个简单的css调整。将下面标记为“解决方案”的代码添加到您的子主题中,或直接添加到您的Avada Options中,如屏幕截图所示。
融合10.min.css
样式表融合构建器创建的是强制固定位置。
.ua-mobile .modal-open {
position: fixed;
overflow: hidden;
}
解
如此覆盖融合样式表。
.ua-mobile .modal-open {
position: relative;
}