如何使用 Divi 使菜单和标题部分变得粘稠?

问题描述 投票:1回答:1

我正在使用Divi构建一个网站,其中有几个页面需要有一个粘性菜单,以及顶部的标题部分,好像它们是一个整体。 理想情况下,我希望它们能保持在当前位置,并简单地随着页面滚动而不影响格式化。

目前使用的代码如下。

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

我试着用 "stickyheader "这个类名来命名标题部分和菜单部分,希望这两个部分能合并在一起。 这看起来确实让两个元素都能随着页面滚动,但格式化却出了问题,它们开始重叠并压在屏幕顶部,再加上标题部分顶部的空间增加了,这让整个页面的格式化都出了问题,因为所有的东西都被调整到了背景图片上。

这两个部分都是全局性的,为了方便在其他所有页面上使用,因为这两个元素在每个页面上都是一样的。

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

先谢谢你

html css menu
1个回答
0
投票

当然,你可以很容易做到这一点,确保你使用的是最新的Divi版本,其中有主题生成器。有了它,你可以设计一个模板,它可以管理一个特定的页面,你可以给任何元素分配一个固定的位置。

enter image description here

不需要使用CSS。你也可以采取其他方法。

https:/www.elegantthemes.comblogdivi-resourceshow-to-create-a-fixed-header-with-divis-position-options

https:/divilife.com如何让你的divi-4-0-头固定或粘住。

https:/www.divithemeexamples.commake-your-divi-4-0-header-sticky-or-fixed-with-the-theme-builder

© www.soinside.com 2019 - 2024. All rights reserved.