我正在制作一个217个孩子的主题,我将导航栏放在顶部并固定。起初,我在这里遇到了一些问题absolute
然后变成fixed
因为它正在添加site-navigation-fixed
经过导航栏最初所在的位置后。
解决这个问题-主要是因为我可以找到site-navigation-fixed
已定义-,我只是将大多数规则复制并粘贴到.navigation-top
班这基本上使这种奇怪的“跳跃”看起来不存在。
我将导航栏转换为黑色。问题是,当网站在注销时被查看时,导航栏上方有一个空白区域,管理栏原来所在的位置。事实并非如此absolute
而且跳得很奇怪。
我使用的css:
@media (min-width: 1200px) {
.navigation-top {
background-color: transparent;
border: none;
width: 100%;
height: 120px;
top: 32px;
font-size: 130%;
bottom: auto;
position: fixed;
left: 0;
right: 0;
z-index: 7;
}
.navigation-top .wrap {
max-width: 100%;
}
.navbar-transition {
background-color: black !important;
transition: background-color 1s ease-in-out;
-moz-transition: background-color 1s ease-in-out;
-webkit-transition: background-color 1s ease-in-out;
-o-transition: background-color 1s ease-in-out;
}
我该如何正确地更改导航栏的位置(第217个主题),使其位于标题图像的顶部并得到修复?
最合适的回答,由SO网友:Andrew 整理而成
更新您的.navigation-top
要使用的类top: 0;
因此,匿名用户之间没有差距。
.navigation-top {
background-color: transparent;
border: none;
width: 100%;
height: 120px;
top: 0;
font-size: 130%;
bottom: auto;
position: fixed;
left: 0;
right: 0;
z-index: 7;
}
然后为经过身份验证的用户添加一个额外的样式,该样式用于管理栏。
.admin-bar .navigation-top{
top: 32px;
}
WordPress core添加了
admin-bar
当管理栏可见时,对body标记进行分类,这样您就不必自己添加此类。