css - 向下滚动然后再次向上滚动时，顶部栏重叠标题 Wordpress

Question

这是我的顶栏：https ://nationalvip.pixl.work/

顶部栏位于标题上方，目前看起来不错。

当您向下滚动和向上滚动时，问题来了，蓝色的顶部栏将与标题重叠并且看起来很糟糕。

这是我的CSS：

.top-bar-new {
position: absolute;
z-index: 9999999;
top: 0;
height: 30px;
width: 100%;
max-width: 1800px;
background-color: #164166;
color: #fff;
text-align: center
}

标签： csswordpress

Answer 1

不确定这是否正是您要寻找的，但我解决了。将此添加到您的 CSS 中（或在您的 CSS 中找到它并将 'top' 更改为此）：

#autohide-header.fixed {
    top: 30px;
}

然后改变position: absolute;你.top-bar-new的position: fixed;