我有一个带有粘性标题导航的网站。问题是，当我登录时wpadminbar 滑倒在导航上。
我的导航代码是：
<div class="container" id ="main">
<div class="navbar navbar-default navbar-fixed-top">
....
wpadminbar 不要把我的navigaion放在一边？粘滞导航和wpadminbar
3 个回复
最合适的回答,由SO网友:Kevin Vess 整理而成
你应该能够保持wpadminbar 通过使用JavaScript或PHP 和CSS.
我会将这个php添加到标题中。主题的php文件：
<?php if ( is_admin_bar_showing() ) { ?>
<style>
.my-nav-bar {
position: absolute;
top: [wpadminbar-height]px;
}
</style>
<?php } ?>
wpadminbar 当它可见时。将导航移动到wpadminbar 是使用JavaScript获取wpadminbar 并将其添加到top 导航容器的CSS属性。
或
如果导航是绝对定位的，并且嵌套在div 这与wpadminbar, 您可以将以下内容添加到CSS中：
.container {
position: relative;
}
.admin-bar .container {
position: relative;
padding-top: [wpadminbar-height]px;
}
SO网友:mrwweb
WordPress有一个类，如果您使用body_class() 函数（您应该是！）指示管理栏是否显示：admin-bar. 因此，不需要php或JS。我想你在用position: fixed; 对于.navbar-fixed-top. 如果是这样，只需将以下内容添加到主题的样式表中即可：
.admin-bar .navbar-fixed-top {
top: 32px; /* if it already has a top value, add 32px to it */
}
@media screen and (max-width: 782px) {
.admin-bar .navbar-fixed-top {
top: 46px; /* if it already has a top value, add 46px to it */
}
}
SO网友:user216936
<?php if ( is_admin_bar_showing() ) { ?>
<style>
nav {
position: fixed;
top: 32px;
}
@media screen and (max-width: 768px) {
#wpadminbar {
position: fixed;
}
}
</style>
<?php } ?>
结束