Как сделать так что бы меню навигации было поверх других элементов страницы?
У блока header фон прозрачный. Пропишите какой-нибудьheader {
    background: #fff;
}
Сделай background-color: #fff; для <nav role="navigation">