Sage Wordpress Bootstrap Navwalker

Package

The package is submitted to Packagist (The PHP Package Repository).

https://packagist.org/packages/hightechu/wp-bootstrap-navwalker

Installation

To install, run the following in your Sage9-based theme directory:

composer require "hightechu/wp-bootstrap-navwalker"

In your 'header.blade.php'

<header class="header">
  <nav class="navbar navbar-expand-md navbar-dark bg-dark" role="navigation">
    <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation">
      <i class="fas fa-bars"></i>
    </button>
    <a class="navbar-brand" href="#">brand</a>
      <?php
      wp_nav_menu( array(
        'theme_location'    => 'primary_navigation',
        '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>
</header>

You might need to add fontawesome bars for the toggler

yarn add @fortawesome/fontawesome-free-solid