I have my Bootstrap navbar connected to my Wordpress navbar and all links work on desktop view. When in mobile view the navbar turns into a hamburger menu but I can not click it to show the menu.
header.php file:
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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')?>"<?php bloginfo('name')?></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="menu">
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'Primary Nav',
'depth' => 3,
'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())
);
?>
</ul>
</div>
</div>
</nav>
fuctions.php file:
<?php
function portfolio_enqueue() {
//styles
wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css');
wp_enqueue_style( 'style', get_template_directory_uri() . '/style.css');
wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
//scripts
wp_register_script('portfolio-js',
get_template_directory_uri() .'/portfolio-js/portfolio.js', array('jquery'), '1.0.0', true);
wp_enqueue_script('portfolio-js');
wp_enqueue_script( 'bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '3.3.7', true);
wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'portfolio_enqueue');
require_once('wp_bootstrap_navwalker.php');
register_nav_menus( array(
'primary' => __( 'Primary Nav' ),
) );
function portfolio_theme_setup() {
add_theme_support('menus');
register_nav_menus(array(
'primary' => ('Primary Nav')
));
}
I'm not sure what I'm missing or putting in wrong.