页眉和页脚响应问题

Question

我正在为我的 Elementor 页面使用 Elementor 页眉和页脚工具包，但我不知道为什么页眉和页脚在移动屏幕上的拉伸程度超过了它应该在移动屏幕上的长度 无法找出制作它的 css 类 https://englanderdavis.com/elementor-37378/#Ebook

Answer 1

编辑注意：我意识到这不适用于整个标题，当我在移动设备上查看它时，我注意到图像是我眼中的原因并解决了它。对此感到抱歉，因为我在重新阅读您的问题后意识到，问题是整个标题......

似乎 Elementor 的最大宽度对于您尝试使用的特定图像来说可能太大了。抱歉这么久才来回答，有很多代码要翻看。

/wp-content/uploads/elementor/css/post-34690.css?ver=1628743150

尝试将大小设置为其他值，例如 20% 或当前设置为 29%。您将不得不使用它，因为我无法复制所有文件并进行测试，这将花费我太长时间。

这是您要更改最大宽度的部分

.elementor-34690 .elementor-element.elementor-element-9837492 .elementor-image img {
    width: 51%;
    max-width: 29%;
    height: 45px;
}

您还可以使图像更符合您要查找的大小并删除 class="elementor-image" 来自： <div class="elementor-image"> 总共在第 1177 行。

但是，该图像在所有设备上的相对尺寸都相同（在这种情况下，两个位置均由您的尺寸参考取决于设备）。这意味着您必须针对桌面调整大小。

注意：尽管像 Elementor 这样的程序使创建变得更容易，但它也会使代码与许多不必要的条目和代码错综复杂，这些条目似乎故意使其他人难以阅读或排除故障。话虽如此，我只能让你非常接近。

不幸的是，我不能为此投入太多，希望我能让你走上正确的道路:)。