Elementor页脚不粘在页面底部

bis0qfac 于 2022-10-04 发布在 WordPress

关注(0)|答案(2)|浏览(273)

我目前正在开发一个使用Elementor的网站。我尝试使用单独的插件(Elementor Footer&Header)集成页脚，然而，如果只有很少或没有内容，页脚就不会粘在页面的底部。

由于这似乎是一个常见的问题，我通过添加以下代码解决了该问题：

div.footer-width-fixer {
    position: fixed;
    bottom: 0;
}

现在，页脚位于页面的底部，但是，还有另外两个问题：

1.页脚与页面底部的内容重叠(见附图)
1.页脚是粘性的，尽管我没有这样设置。我只希望页脚出现在页面底部，而不是当访问者滚动时。

有什么办法解决这个问题吗？谢谢!

诚挚的问候,

莫里斯(：

2条答案

很难判断页脚是否真的与另一句话重叠(我只会说英语，所以我不知道这句话是结束了还是读了)。但它看起来只与按钮上的填充部分重叠，与文本内容恰到好处。

您可以尝试添加以下任一项

padding-top: {desired pixel amount}px;

或

margin-top: {desired pixel amount}px;

到页脚，看看这样做是否奏效。

至于位置粘性，如果你熟悉谷歌Chrome中的检查元素功能；你可以看到将粘性应用到元素的类选择器是什么，然后你应该能够编写一些css来相当容易地覆盖它！

我已经遇到过几次相同的问题，但我只是通过将部分的高度设置为“适合屏幕”或将VH设置为100-页眉高度(如果您使用透明页眉)来解决这个问题。我希望这对你有所帮助，如果你有任何问题，请不要介意问我！