<div class="container-fluid">
<nav class="p-0 navbar navbar-expand-xl navbar-light bg-light">
  <a class="navbar-brand" href="#">  <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="<?php bloginfo( 'name' ); ?> Logo" title="<?php bloginfo( 'name' ); ?> Logo" /></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
    <span class="f-toggler-icon navbar-toggler-icon"></span>
  </button>
    <?php
  		wp_nav_menu( array(
  			'theme_location'    => 'main-nav',
  			'depth'             => 2,
  			'container'         => 'div',
  			'container_class'   => 'collapse navbar-collapse',
  			'container_id'      => 'navbarNavDropdown',
  			'menu_class'        => 'nav navbar-nav',
  			'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
  			'walker'            => new WP_Bootstrap_Navwalker(),
  		) );
  		?>
  </nav>
</div>
