0

このサイト ( http://culturepop.com/ )のハンバーガー メニューに SlickNav フレームワークを使用していますが、オンにすると、メニューを含む div が左側のロゴを覆い隠します。ロゴは表示されますが、クリックすることはできません。ドロップダウン メニューが 100% の幅のままになるようにしようとしていますが、ボタンはそのスペースにちょうど収まり、ボタンを覆いません。z-index をいじってみましたが、ハンバーガー メニューをクリックできなくなりました。基本的に、勝てない状況です。これが私のコードです：

HTML (簡体字)

<body>
<div class="slicknav_menu"></div>
<div id="site-cphead">
        <div class="site-branding">
            <div class="site-title"><a href="#" rel="home"><img src="logo.svg" alt=""></a></div>
        </div><!-- .site-branding -->
</body>

CSS

 .slicknav_menu {
    font-size: 16px;
    box-sizing: border-box;
}
.slicknav_menu {
    background: transparent none repeat scroll 0% 0% !important;
    width: 100%;
    position: absolute;
    font-family: "proxima-nova-alt-condensed",sans-serif;
    font-size: 18px;
    padding: 11px 5px 0px !important;
    z-index: 9999;
}
.slicknav_menu {
    display: block;
}
4

1 に答える 1