diff --git a/header.php b/header.php
index e767478..a7861ed 100644
--- a/header.php
+++ b/header.php
@@ -17,8 +17,7 @@ $container = get_theme_mod( 'understrap_container_type' );
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="mobile-web-app-capable" content="yes">
 	<meta name="apple-mobile-web-app-capable" content="yes">
-	<meta name="apple-mobile-web-app-title"
-	      content="<?php bloginfo( 'name' ); ?> - <?php bloginfo( 'description' ); ?>">
+	<meta name="apple-mobile-web-app-title" content="<?php bloginfo( 'name' ); ?> - <?php bloginfo( 'description' ); ?>">
 	<link rel="profile" href="http://gmpg.org/xfn/11">
 	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
 	<?php wp_head(); ?>
@@ -34,16 +33,13 @@ $container = get_theme_mod( 'understrap_container_type' );
 		<a class="skip-link screen-reader-text sr-only" href="#content"><?php _e( 'Skip to content',
 		'understrap' ); ?></a>
 
-		<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse site-navigation" itemscope="itemscope"
-		     itemtype="http://schema.org/SiteNavigationElement">
+		<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
 
 			<div class="<?php echo esc_html( $container ); ?>" >
 
-
-					<!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
-				  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-				    <span class="navbar-toggler-icon"></span>
-				  </button>
+				<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+    				<span class="navbar-toggler-icon"></span>
+ 				 </button>
 
 					<!-- Your site title as branding in the menu -->
 					<?php if ( ! has_custom_logo() ) { ?>
@@ -51,9 +47,10 @@ $container = get_theme_mod( 'understrap_container_type' );
 					   title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
 						<?php bloginfo( 'name' ); ?>
 					</a>
+					
 					<?php } else {
 						the_custom_logo();
-} ?><!-- end custom logo -->
+					} ?><!-- end custom logo -->
 
 
 
@@ -62,8 +59,8 @@ $container = get_theme_mod( 'understrap_container_type' );
 					array(
 						'theme_location'  => 'primary',
 						'container_class' => 'collapse navbar-collapse',
-						'container_id'    => 'navbarNav',
-						'menu_class'      => 'nav navbar-nav',
+						'container_id'    => 'navbarNavDropdown',
+						'menu_class'      => 'navbar-nav',
 						'fallback_cb'     => '',
 						'menu_id'         => 'main-menu',
 						'walker'          => new WP_Bootstrap_Navwalker(),