Some updates to try and make responsive nav prettier

diff --git a/header.php b/header.php
index 0c5d9fd..63b4b07 100755 (executable)
--- 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 (executable)
--- 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 (executable)
--- 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>";