Bootstrap 3 Collapse Menu is not expanding in WordPress

2 Views

On my website http://www.jeremiahlangner.com, when the menu is collapsed, the menu toggle button does not appear, nor does the menu expand when it is clicked. After replacing the code a few times, checking the order of how the javascript is loaded, and checking my css, I have still been unable to ascertain what is causing the problem. Can anyone offer any insight as to why it is still not functioning correctly?

Code is as follows:

Read More
<nav class="navbar navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </button>
</div>

    <?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',
            'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
            'walker'            => new wp_bootstrap_navwalker())
        );
    ?>
</div>
</nav>
Post Views: 2

Related posts

Leave a Reply

1 comment

  1. you just missed the bootstrap js,add this line to your code:

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>