header.php 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  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. <div class="d-flex justify-content-sm-center justify-content-md-end">
  13. <nav class="navbar navbar-expand navbar-dark text-muted p-0">
  14. <?php
  15. wp_nav_menu( array(
  16. 'theme_location' => 'top',
  17. 'menu_id' => 'top-nav',
  18. 'menu_class' => 'navbar-nav text-center',
  19. 'container' => false,
  20. 'depth' => 0,
  21. 'fallback_cb' => false,
  22. 'walker' => new WP_Bootstrap_Navwalker()
  23. ));
  24. ?>
  25. </nav>
  26. </div>
  27. </div>
  28. </div>
  29. <header id="masthead" class="masthead site-header sticky-top" role="banner">
  30. <div class="container">
  31. <nav class="navbar navbar-expand-xl navbar-dark">
  32. <button class="navbar-toggler m-0" type="button" data-bs-toggle="collapse" data-bs-target=".navbars-collapse" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
  33. <span class="navbar-toggler-icon"></span>
  34. </button>
  35. <div class="navbar-brand mx-auto">
  36. <a class="site-title" href="<?php echo esc_url( home_url( '/' )); ?>">
  37. <span class="logo-firstline">Hospice <span class="logo-ampersand">&amp;</span> Palliative</span>
  38. <span class="logo-img"><img src="<?php echo get_template_directory_uri(); ?>/img/dove.svg"/></span>
  39. <span class="logo-firstline">Care</span>
  40. <span class="logo-byline">of the Piedmont</span>
  41. </a>
  42. </div>
  43. <?php wp_nav_menu(array(
  44. 'theme_location' => 'primary',
  45. 'container' => 'div',
  46. 'container_id' => 'navbar',
  47. 'container_class' => 'collapse navbar-collapse navbars-collapse justify-content-end',
  48. 'menu_id' => false,
  49. 'menu_class' => 'navbar-nav',
  50. 'depth' => 3,
  51. 'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
  52. 'walker' => new WP_Bootstrap_Navwalker()
  53. )); ?>
  54. </nav>
  55. </div>
  56. </header>