导航栏折叠与位置元素冲突

Question

我的网站有问题，这是一个商店定位器页面。但是，当您在PC中调整窗口大小时，就好像您处于移动分辨率一样，当您切换导航栏折叠时，导航栏将位于侧边栏下方，看起来非常丑陋。我的 CSS 有问题吗？

演示

截图

body {
color:#404040;
font:400 15px/22px 'Source Sans Pro', 'Helvetica Neue', Sans-serif;
margin:0;
padding:0;
-webkit-font-smoothing:antialiased;
}
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.sidebar {
position:absolute;
width:33.3333%;
height:100%;
top:90px;left:0;
overflow:hidden;
border-right:1px solid rgba(0,0,0,0.25);
}
.map {
position:absolute;
left:33.3333%;
width:66.6666%;
top:90px;bottom:0;
}

更新(08/10/2017(：问题已由ff解决：

好的，将

侧边栏和映射包装在一个新的div中，位置：相对和 高度：100vh;– Thehuijb

Answer 1

add

.dark-header .menu-header, .header-dark .menu-header {
position:relative;
}