移动奇数栈

Question

我目前正在开发的站点是：https://integrityjourney.org。

这个主题有点困难。我已经写了大约1100行自定义代码。

我使用了一个使用在线移动设计查看器的快捷方式(很糟糕)，发现虽然在这些预览上看起来很棒，但在实际的移动设备上，它是这样堆叠的：

问题通常是，在屏幕的右侧有几行空白处。

页的下半部分显示一行正在全屏运行。

主题叫做Evont。WPBakery随它而来。这实际上是出于沮丧而提出的请求。我已经看了很久了，我只是看不出问题出在哪里。我相信这很简单.我很可能是被炸了。

任何帮助都将不胜感激。

谢谢，莱恩

Answer 1

问题是这些divs比实际屏幕更大(更宽)。这些奇怪的利润和其他的东西太多了。除了修复维度外，立即修复将overflow-x: hidden添加到body中：

body {
overflow-x: hidden;
}