Fixed some more responsive top-navigation styles.
authorLaury GvR <laury@gaslightmedia.com>
Thu, 9 Feb 2017 19:16:21 +0000 (14:16 -0500)
committerLaury GvR <laury@gaslightmedia.com>
Thu, 9 Feb 2017 19:16:21 +0000 (14:16 -0500)
assets/js/global.js
style.css
template-parts/navigation/navigation-top.php

index 1186568..966b2f2 100755 (executable)
                                 
                                // When there's a custom header image or video, the header offset includes the height of the navigation.
                                if ( isFrontPage && ( $body.hasClass( 'has-header-image' ) || $body.hasClass( 'has-header-video' ) ) ) {
-                                       headerOffset = $customHeader.innerHeight() - navigationOuterHeight;
+//                                     headerOffset = $customHeader.innerHeight() - navigationOuterHeight;
                                         
                                } else {
-                                       headerOffset = $customHeader.innerHeight();
+//                                     headerOffset = $customHeader.innerHeight();
                                }
 
                                // If the scroll is more than the custom header, set the fixed class.
                                if ( $( window ).scrollTop() >= headerOffset ) {
-                                       $navigation.addClass( navigationFixedClass );
-                                       $navigationBottom.addClass( navigationFixedClass );
+//                                     $navigation.addClass( navigationFixedClass );
+//                                     $navigationBottom.addClass( navigationFixedClass );
                                        
                                } else {
                                        //$navigation.removeClass( navigationFixedClass );
index 878f393..e0a77ad 100755 (executable)
--- a/style.css
+++ b/style.css
@@ -1356,7 +1356,7 @@ a:hover .nav-title,
 .main-navigation .menu-item-has-children > a > .icon,
 .main-navigation .page_item_has_children > a > .icon,
 .main-navigation ul a > .icon {
-       display: none;
+       display: block;
 }
 
 .main-navigation > div > ul {
@@ -1616,6 +1616,38 @@ a:hover .nav-title,
     padding: 0;
 }
 @media screen and (max-width: 1024px) {
+    
+
+       .home .navigation-top {
+               bottom: auto;
+               position: fixed;
+               left: 0;
+               right: 0;
+               top: 140px;
+               width: 100%;
+               z-index: 7;
+               font-size: 14px;
+               font-size: 0.875rem;
+                padding: 6px;
+       }
+       .home .navigation-bottom {
+               bottom: 0;
+               position: fixed;
+               font-size: 14px;
+               font-size: 0.875rem;
+               left: 0;
+               right: 0;
+               width: 100%;
+               z-index: 7;
+                height: 80px;
+                padding: 6px;
+                background-color: #fff;
+                border-top: 2px solid black;
+       }
+
+       .admin-bar .site-navigation-fixed.navigation-top {
+               top: 32px;
+       }
     .has-header-image .custom-header-media img, 
     .has-header-video .custom-header-media video, 
     .has-header-video .custom-header-media iframe, 
@@ -1661,10 +1693,6 @@ a:hover .nav-title,
         width: 100%;
         z-index: 9;
     }
-    .home .site-navigation-fixed.navigation-top {
-        top: 138px;
-        padding: 6px;
-    }
     .home .wrap .static-nav-parent {
         left: 0;
         position: relative;
@@ -1682,6 +1710,7 @@ a:hover .nav-title,
     .js .home #static-nav-bottom .static-nav-section > ul {
         margin: 0;
     }
+    
 }
 /*--------------------------------------------------------------
 13.0 Layout
index 6d6741c..5fe1e45 100755 (executable)
@@ -57,7 +57,6 @@
                             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>";