0

私は構築しようとしている次のjquery slideDownメニューを持っています。フロートなしで左に配置することはできましたが、幅が制限されているようです。

http://www.pureelysium.com/PPTest

次のメディアクエリがあります

@media only screen and (min-width: 480px) and (max-width: 767px) 
{
    .main-nav {display:none;}
    #logobadge {margin-left: 220px; width: 185px; height: 115px;}
    #show-nav {display: block;}
    .main-nav {left: 0; margin: 0; width: auto;}
    .main-nav ul li, .main-nav ul li a 
    {
        float: none;
        width: auto; 
        background-color: #000000;
        clear:both;
    }
}

次のメニューコードと同様に：

<div class="show-nav" id="show-nav"><a href="#">Show Navigation</a>
    <nav id="nav" role="navigation"><?php wp_nav_menu( array('container_class' => 'main-nav', 'container' => 'nav')); ?></nav>
</div>

誰でもアドバイスできますか？ショーナビゲーションボタンをクリックするとコンテンツが押し下げられるようにするためにあらゆることを試しました。

4

1 に答える 1