左側に固定サイドバー メニューがあり、コンテナ内の右側にメイン コンテンツがある Wordpress サイトを構築しています。現在、メニューをメイン コンテナ div の外に配置するようにコーディングしているため、メニューをコーディングするためのベスト プラクティスが何であるかはわかりません。また、何らかの理由で、デスクトップ画面のサイズが十分に広くない場合、コンテンツが左側のメニューにオーバーフローし、メニューの一部が下部で切り取られていることにも気付きました (一部のリンクは表示されません)。これが画面の高さと関係があるかどうかわかりませんか?
メニューの HTML は次のようになります。
<div id="menuBar">
<img class="logo" src="wp-content/themes/starkers-master/images/lulu-logoi-01.png" width="180" height="250" alt="Lulu Plews Logo"/>
<ul>
<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
</ul>
</div>
CSSは次のとおりです。
.menu-menu-1-container {
position: fixed;
left: 8.8%;
top: 300px;
border-right: 1px solid #D1D2D4;
height: 10000px;
}
#menuBar {
position: fixed;
left: 8.15%;
top:0;
padding: 0 30px 0 0;
border-right: 1px solid #D1D2D4;
margin: 0 auto 0 auto;
}
これをどのようにコーディングすればよいか、コードに問題があるかどうかについてアドバイスが欲しいのですが?明らかな何かが欠けていると思いますが、それが何であるかわかりませんか?