Javascript css固定菜单与内容重叠

我有一个顶部菜单，必须始终可见，所以我使用了位置：固定。它可以工作，菜单总是在窗口的顶部。 问题在于内容，下一个具有大图像的div被菜单剪切：

#header {
   position: fixed;
   top: 0;
}

您可以在此链接中看到菜单：

http://212.48.86.94/~admin/el-cuartel-gana-el-tercer-premio-mejor-agencia-independiente-en-los-premios-control-2014/

我尝试过在firebug中修改位置、溢出和所有内容，但运气不佳

我正在修改的wp主题也会对高度进行一些javascript计算，并使用滚动事件

---

我不知道如何修复它。

只需在英雄包装上添加一个边距即可

#hero-wrapper{
    margin-top: 68px;
}

这将偏移固定标题的宽度

还有一些其他的注释

第2549行有一个console.log（），您应该删除它

console.log('dentro1');

当滚动时，main.js的第2551行抛出一个错误

$categoryHash = document.URL.split('?')[1].replace( /^filter=/, '' );

Uncaught TypeError: Cannot read property 'replace' of undefined 

---

只需在CSS中添加

margintop:100px

或任何标题值即可。这将确保你的内容不会在页面顶部被掩盖。您可以尝试以下方法：

#导航{
位置：固定；
排名：0；
左：0；
右：0；
高度：100px；
背景：蓝色；
颜色：白色；
}
.内容{
边缘顶部：100px；
}

欢迎您
布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

如果菜单具有固定高度，则可以使用相同的高度作为第一个内容元素的边距或填充顶部，或作为正文或其他内容的填充顶部。如果没有，那么你要么计算高度，要么不把它固定在第一位。我在其他div中添加了margintop:67px，而不是那样。愚蠢的我：）@Oterox太棒了！很高兴我能帮忙：）如果你的导航栏/标题大小不同怎么办？根据分辨率的不同，固定边距仅仅是一个解决方案。这个问题与固定大小有关。如果你想让我帮忙，我很乐意，但这是5岁，所以我不记得所有的细节。要不要贴一个JSFIDLE或其他东西让我看看？