0

左側に固定サイドバー メニューがあり、コンテナ内の右側にメイン コンテンツがある 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;
}

これをどのようにコーディングすればよいか、コードに問題があるかどうかについてアドバイスが欲しいのですが?明らかな何かが欠けていると思いますが、それが何であるかわかりませんか?

4

1 に答える 1