Question

我正在使用html创建一个wordpress网站，我正在使用wp_bootstrap_navwalker.php创建一个下拉菜单。我已经成功创建了这个菜单，它在笔记本电脑和台式电脑上运行良好，但是在移动电话或平板电脑上，这个菜单不会出现，虽然它来自.html文件

这是我的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>

我不知道为什么不来？

Answer 1

你需要用这个替换你的bootsrap函数。

.then

在您的代码中添加了一个容器，这就是您所需的菜单无法正常运行的原因。我希望这对你有用。：）

wp_bootstrap_navwalker移动菜单问题

1 个答案: