wp_bootstrap_navwalker手機菜單問題

我正在從html製作wordpress網站，我正在使用wp_bootstrap_navwalker.php創建下拉菜單。我已經成功地創建了菜單，它的到來很好的筆記本電腦和臺式機，但當但在手機或平板電腦這個菜單不來，雖然它是在HTML文件來wp_bootstrap_navwalker手機菜單問題

這裏是我的HTML代碼：

<div class="collapse navbar-collapse" id="bs-megadropdown-tabs"> 
    <ul class="nav navbar-nav nav_1"> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="about.html">About</a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Matches<span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
      <li><a href="matches.html">New Matches</a></li> 
      <li><a href="viewed-profile.html">Who Viewed my Profile</a></li> 
      <li><a href="viewed-not_contacted.html">Viewed & not Contacted</a></li> 
      <li><a href="members.html">Premium Members</a></li> 
      <li><a href="shortlisted.html">Shortlisted Profile</a></li> 
      </ul> 
     </li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Search<span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
      <li><a href="search.html">Regular Search</a></li> 
      <li><a href="profile.html">Recently Viewed Profiles</a></li> 
      <li><a href="search-id.html">Search By Profile ID</a></li> 
      <li><a href="faq.html">Faq</a></li> 
      <li><a href="shortcodes.html">Shortcodes</a></li> 
      </ul> 
     </li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Messages<span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
      <li><a href="inbox.html">Inbox</a></li> 
      <li><a href="inbox.html">New</a></li> 
      <li><a href="inbox.html">Accepted</a></li> 
      <li><a href="sent.html">Sent</a></li> 
      <li><a href="upgrade.html">Upgrade</a></li> 
      </ul> 
     </li> 
     <li class="last"><a href="contact.html">Contacts</a></li> 
    </ul> 
</div>

這裏是我用上面的HTML一個

<div class="collapse navbar-collapse" id="bs-megadropdown-tabs"> 
    <?php 
     wp_nav_menu(array(
      'menu'    => 'primary', 
      'theme_location' => 'primary', 
      'depth'    => 2, 
      'container'   => 'div', 
      'container_class' => 'collapse navbar-collapse', 
      'container_id'  => 'bs-example-navbar-collapse-1', 
      'menu_class'  => 'nav navbar-nav nav_1', 
      'fallback_cb'  => 'WP_Bootstrap_Navwalker::fallback', 
      'walker'   => new WP_Bootstrap_Navwalker()) 
     ); 
    ?> 
</div>

我不知道爲什麼不來替代代碼？

來源

2017-05-04 Dipankar Das

你需要用這個替換你的靴子功能。

<?php 
     wp_nav_menu(array(
      'menu'    => 'primary', 
      'theme_location' => 'primary', 
      'depth' => 0, 
     'container' => 'false', 
      'menu_class'  => 'nav navbar-nav nav_1', 
      'fallback_cb'  => 'WP_Bootstrap_Navwalker::fallback', 
      'walker'   => new WP_Bootstrap_Navwalker()) 
     ); 
    ?>

在你的代碼中添加了一個容器，這就是爲什麼你想要的菜單不能正常工作。我希望這會對你有用。 :)

來源

2017-05-04 06:30:50

哇！這是工作...你救了我的一天:) –

@DipankarDas很高興它工作:) –

wp_bootstrap_navwalker手機菜單問題

回答

相關問題