粘性导航 - 格式化问题

Question

我目前正在创建一个带有粘性菜单的wordpress主题。我已经掌握了它的基本工作原理。我遇到的唯一问题是当它捕捉到不同的位置时，它并不是非常贴合到该部分的顶部。 而不是菜单的底部捕捉到该部分的顶部，导航的顶部出现在它上方似乎是20px的间隙。有谁知道我可以做些什么来解决这个问题？我已经在下面附上了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将确保它位于所有其他元素之上。