css - 如何修复 Elementor 中的粘性菜单跳页和页面覆盖？

Question

我在 Elementor 中使用粘性菜单。在桌面上没问题。在移动设备上，粘性标题/菜单覆盖了第一个元素，但是当我滚动时，元素/页面跳下并留下空白。当我修复间距以使其最初可见时，会有更多的空白。如何停止跳跃以便调整间距？

在手机上查看:duecucina.com/about-us/

Answer 1

当您将页眉设置为固定/固定时，页眉下方的结构将跳起来。它会跳到与您的页眉大致相同的高度。

因此，要解决此问题，您只需为您的内容添加一个 margin-top(标题下方的包装元素)，但前提是您的标题设置为粘性/固定。所以当 header 有类 fixed 或 headerScroll 时。