<div class="top-bar p-2 bg-dark text-white">
<div class="container-fluid">
  <div class="row align-items-center">
  <div class="col-5 text-md-left text-left text-sm-center" itemscope itemtype="http://schema.org/LocalBusiness">
  	<span itemprop="telephone"><a href="tel:+15555555555"><i class="fa fa-phone" aria-hidden="true"></i>
<span class="d-none d-sm-inline-block" href="tel:+15555555555">555.555.5555</span></a></span>
  </div>
<div class="col-7 text-md-right text-center">
  <?php
    wp_nav_menu( array(
      'theme_location'    => 'top-nav',
      'depth'             => 2,
      'container'         => 'div',
      'container_class'   => 'top-nav',
      'container_id'      => '',
      'menu_class'        => 'nav justify-content-end',
      'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
      'walker'            => new WP_Bootstrap_Navwalker(),
    ) );
    ?>
</div>
</div>
</div>
</div>
