Здравствуйте, вам нужно слайдер разместить внутри header, вот таким образом:
<header>
<div class="header__inner"></div>
<div class="slider"></div>
</header>
Тогда в CSS получим:
header {
position: relative;
}
.header__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 99;
}
Div с классом container можно разместить внутри .header__inner если он вам там нужен. В предложенном варианте навгиация разместится сверху поверх слайдера, а слайдер будет занимать всю ширину экрана
