From 8495691fe43bfb7b351c9fb3b3475541f351baea Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Thu, 9 Feb 2017 17:04:14 -0500
Subject: [PATCH] Some updates to try and make responsive nav prettier

---
 header.php                                   |  2 +-
 style.css                                    | 28 ++++++++++++++------
 template-parts/navigation/navigation-top.php |  1 +
 3 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/header.php b/header.php
index 0c5d9fd..63b4b07 100755
--- a/header.php
+++ b/header.php
@@ -56,7 +56,7 @@
 
 		<?php if ( has_nav_menu( 'top' ) ) : ?>
             
-			<div class="navigation-top">
+			<div class="navigation-top site-navigation-fixed">
 				<div class="wrap">
 					<?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?>
 				</div><!-- .wrap -->
diff --git a/style.css b/style.css
index e0a77ad..42bc6a2 100755
--- a/style.css
+++ b/style.css
@@ -1618,7 +1618,7 @@ a:hover .nav-title,
 @media screen and (max-width: 1024px) {
     
 
-	.home .navigation-top {
+	.home .site-navigation-fixed.navigation-top {
 		bottom: auto;
 		position: fixed;
 		left: 0;
@@ -1628,9 +1628,8 @@ a:hover .nav-title,
 		z-index: 7;
 		font-size: 14px;
 		font-size: 0.875rem;
-                padding: 6px;
 	}
-	.home .navigation-bottom {
+	.home .site-navigation-fixed.navigation-bottom {
 		bottom: 0;
 		position: fixed;
 		font-size: 14px;
@@ -1640,7 +1639,6 @@ a:hover .nav-title,
 		width: 100%;
 		z-index: 7;
                 height: 80px;
-                padding: 6px;
                 background-color: #fff;
                 border-top: 2px solid black;
 	}
@@ -1653,7 +1651,18 @@ a:hover .nav-title,
     .has-header-video .custom-header-media iframe, 
     .has-header-image:not(.twentyseventeen-front-page):not(.home) 
     .custom-header-media img {
-        display: none;
+        //display: none;
+    }
+    .custom-header-media {
+        position: relative;
+    }
+    .home .has-header-image .custom-header-media img,
+    .home .has-header-video .custom-header-media video,
+    .home .has-header-video .custom-header-media iframe {
+        position: fixed;
+        height: auto;
+        left: 50%;
+        margin-top: 140px;
     }
     .home .top-nav-left {
         max-width: 100%;
@@ -1699,6 +1708,9 @@ a:hover .nav-title,
         font-size: 30px;
         padding: 0 10px;
     }
+    .home .static-nav-section {
+        padding: 6px;
+    }
     .home .static-nav-section > ul > li {
         font-size: 16px;
         padding: 0;
@@ -1787,6 +1799,7 @@ body {
 	-webkit-transition: margin-bottom 0.2s;
 	transition: margin-bottom 0.2s;
 	z-index: 3;
+        display: none;
 }
 
 .site-branding a {
@@ -1992,7 +2005,7 @@ body:not(.has-header-image):not(.has-header-video) .custom-header-media {
 .has-header-video.twentyseventeen-front-page .site-branding,
 .has-header-image.home.blog .site-branding,
 .has-header-video.home.blog .site-branding {
-	display: table-cell;
+	display: none;
 	height: 100%;
 	vertical-align: bottom;
 }
@@ -3545,7 +3558,7 @@ object {
 	.has-header-image.home.blog .site-branding,
 	.has-header-video.home.blog .site-branding {
 		bottom: 0;
-		display: block;
+		display: none;
 		left: 0;
 		height: auto;
 		padding-top: 0;
@@ -3661,7 +3674,6 @@ object {
 		width: 100%;
 		z-index: 7;
                 height: 80px;
-                padding: 6px;
 	}
 
 	.admin-bar .site-navigation-fixed.navigation-top {
diff --git a/template-parts/navigation/navigation-top.php b/template-parts/navigation/navigation-top.php
index 5fe1e45..6d6741c 100755
--- a/template-parts/navigation/navigation-top.php
+++ b/template-parts/navigation/navigation-top.php
@@ -57,6 +57,7 @@
                             echo "<li id='contact-us-footer'><span>p:</span><span id='contact-us-number'> 231-348-3950</span></li>";
                         }
                         echo "</ul>";
+                        echo "<br>";
                         echo "</li>";
                     }
                     echo "</ul>";
-- 
2.17.1