Почему мой заголовок перекрывает мой навигатор?

Question

Я создаю базовый блог, и мой заголовок продолжает расширяться за моей навигационной панелью. Навигационная панель имеет фиксированную позицию и z-индекс, который больше, чем заголовок. Я не могу понять, почему верхняя часть заголовка/баннерного изображения простирается за панель навигации. Я включаю изображение проблемы, выделенное в инструментах FF dev, и вы можете увидеть мой сайт напрямую here, если хотите. Любая помощь/ввод очень ценится.

Answer 1

Edit: в качестве шива указанного фиксированного не принимает любое пространство, так что просто добавить еще некоторый запас.

header { 
    margin: 89px 0 0; // update margin 
} 

и обновлять медиа экран

@media only screen and (max-width: 500px){ 
header { 
margin: 80px 0 0; 
} 
}