header.php 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <?php wp_head(); ?>
  8. </head>
  9. <body <?php body_class(); ?>>
  10. <div id="top">
  11. <div class="container top-navbar">
  12. <nav class="navbar navbar-expand navbar-dark text-white p-0 ml-auto">
  13. <?php
  14. wp_nav_menu( array(
  15. 'theme_location' => 'top',
  16. 'menu_id' => 'top-nav',
  17. 'menu_class' => 'navbar-nav ms-auto',
  18. 'container' => false,
  19. 'depth' => 0,
  20. 'fallback_cb' => false,
  21. 'walker' => new WP_Bootstrap_Navwalker()
  22. ));
  23. ?>
  24. </nav>
  25. </div>
  26. </div>
  27. <header id="masthead" class="masthead site-header sticky-top" role="banner">
  28. <div class="container">
  29. <nav class="navbar navbar-expand-xl navbar-dark">
  30. <div class="navbar-brand">
  31. <a class="site-title" href="<?php echo esc_url( home_url( '/' )); ?>">Hospice &amp; Palliative <span><img src="<?php echo get_template_directory_uri(); ?>/img/dove-white.png"/></span> Care &nbsp;<small>of the Peidmont</small></a>
  32. </div>
  33. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  34. <span class="navbar-toggler-icon"></span>
  35. </button>
  36. <?php wp_nav_menu(array(
  37. 'theme_location' => 'primary',
  38. 'container' => 'div',
  39. 'container_id' => 'navbar',
  40. 'container_class' => 'collapse navbar-collapse justify-content-end',
  41. 'menu_id' => false,
  42. 'menu_class' => 'navbar-nav',
  43. 'depth' => 3,
  44. 'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
  45. 'walker' => new WP_Bootstrap_Navwalker()
  46. )); ?>
  47. </nav>
  48. </div>
  49. </header>