粘性导航 - 格式问题

Question

我目前正在创建一个带有粘性菜单的 wordpress 主题。我已经掌握了它的基本工作原理。我遇到的唯一问题是当它捕捉到不同的位置时，它并没有完全捕捉到该部分的顶部。 菜单的底部并没有与该部分的顶部对齐，而是显示导航的顶部，其上方似乎有 20 像素的间隙。有谁知道我能做些什么来解决这个问题？我在下面附上了 CSS。

#headerwrapper {
width:1500px;
margin: 0 auto !important;  
height:138px;
position:fixed;
background:#212c2e;

}

网站是 www.featurebooth.com.au/wordpress

我遇到的另一个问题是导航似乎消失在我使用的画廊插件后面。任何帮助将不胜感激！

这是错误的格式

这是正确的格式

Answer 1

添加这个：

#headerwrapper {
  top: 0; (or whatever fixes it)
  z-index: 1000;
}

top 会将它放在页面的顶部，z-index 将确保它位于所有其他元素之上。