ブートストラップ応答サブメニューの問題

Question

私はモバイル応答ブートストラップメニューとの問題を抱えています。基本的に、メニューはサブメニューを表示するために下にスライドするためのものですが、代わりにドロップダウンメニューとして表示され、親メニューは静的にとどまっています。

ここで問題です：http://benjaminbrooksguitar.ipage.com/test/home/

任意の助けをいただければ幸いです。あなたが近づくでしょう

 <nav id="nav" class="navbar header2 dropdown navbar-default navbar-static-top"> 
     <div class="container-fluid"> 
     <div class="nav-container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="<?php bloginfo('url')?>"><img class="navbrand" src="<?php bloginfo('template_url')?>/l"></a> 
     </div> 
     <div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
      <?php 
      wp_nav_menu(array(
       'theme_location' => 'top_menu', 
       'depth' => 2, 
       'container' => false, 
       'menu_class' => 'nav navbar-nav', 
       'fallback_cb' => 'wp_bootstrap_navwalker::fallback', 
       'walker' => new wp_bootstrap_navwalker()) 
      ); 
      ?> 
      </ul> 
     </div> 

     </div> 
     </div> 
    </nav> 

    </div> 
</div> 

Answer 1

ことの一つは、あなたの<nav>要素にいくつかのCSSクラスが欠落していることです。

nav id="nav" class="navbar header2 dropdown collapse navbar-collapse navbar-responsive-collapse navbar-default navbar-static-top"> 

試み、これらの変更で遊んで、あなたが働いて何かを得ることができるかどうかを確認：

nav id="nav" class="navbar header2 dropdown navbar-default navbar-static-top"> 

はに切り替えるべき。私は走らなければならない、そうでなければこれをさらに調べるだろう。私は明日あなたを更新します。

Answer 2

私はあなたが

@media (max-width: 767px) { .navbar-nav .open .dropdown-menu { 
position: static; 
float: none; 
width: auto; 
margin-top: 0; 
background-color: transparent; 
border: 0; 
-webkit-box-shadow: none; 
box-shadow: none; } }