如何使用 Divi 使菜单和标题部分具有粘性？

Question

我正在使用 Divi 构建一个网站，并且对于几个页面，需要有一个粘性菜单，以及一个顶部标题部分，就像它们是一个一样。理想情况下，我希望他们保持在当前位置并简单地滚动页面而不删除格式。

目前使用的代码如下：

.stickyheader{
    position: sticky;
    position: -webkit-sticky;
    top: 55px; 
}
#page-container{
    overflow: visible !important;
}

我尝试用 class 名称 'stickyheader' 命名标题部分和菜单部分，希望将两者混为一谈。这似乎确实使两个元素随页面滚动，但格式超出 window 并且它们开始重叠并在屏幕顶部挤压，加上标题顶部的 space部分增加了整个页面的格式，因为所有内容都已调整以适合背景图像。

这两个部分都是全局的，以便于跨所有其他页面，因为这两个元素在每个页面上看起来都一样。

有人有什么建议吗？有更简单的方法吗？

提前致谢！

Answer 1

当然，您可以轻松做到这一点，确保您使用的是具有 Theme Builder 的最新 Divi 版本。有了它，您可以设计一个模板来管理特定的页面，您可以为任何元素分配一个固定的位置：

无需使用CSS。您也可以采用其他方法：

How do I make a menu and title section sticky using Divi?