navbar-collapseが位置要素と衝突しています

Question

私のウェブサイトに問題があります。店舗のロケータページです。しかし、PCのようにモバイル解像度のようにウィンドウのサイズを変更すると、ナビバーが崩壊すると、ナビゲーションバーがサイドバーの下に表示され、非常に醜いように見えます。私のCSSに何か問題がありますか？

DEMO

Screenshot

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; 
    } 

アップデート（2017年8月10日）：問題は、FFによって解決された：

さて、ラップ新しいサイドバーに配置し、position：relativeとでマップします身長：100vh; - thehuijb

Answer 1

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