Clicking on section titles on mobile now scrolls you far down enough to see the whole...

diff --git a/assets/js/navigation.js b/assets/js/navigation.js
index a8c2d03..101cefa 100755 (executable)
--- a/assets/js/navigation.js
+++ b/assets/js/navigation.js
@@ -129,10 +129,9 @@
 //            console.log(scrollTarget);
             if (scrollTarget) {
                 $('body, html').animate({
-                    scrollTop: scrollTarget.offset().top-90
+                    scrollTop: scrollTarget.offset().top-120
                 }, 300);
             }
-
         });
 
         $(".static-home-link").click(function(e) {
@@ -141,7 +140,7 @@
 //            console.log(scrollTarget);
             if (scrollTarget) {
                 $('body, html').animate({
-                    scrollTop: scrollTarget.offset().top-90
+                    scrollTop: scrollTarget.offset().top-120
                 }, 300);
             }
 

diff --git a/style.css b/style.css
index c6d58fc..a96b220 100755 (executable)
--- a/style.css
+++ b/style.css
@@ -1556,22 +1556,27 @@ a:hover .nav-title,
 .static-nav-section .active {
 
 }
+.static-home-link:hover,
 .static-nav-link:hover {
     text-decoration: underline;
     font-weight: normal;
 }
+.static-home-link.active,
 .static-nav-link.active {
     color: black;
     font-weight: bold;
 }
+.static-home-link.active:hover,
 .static-nav-link.active:hover {
     text-decoration: underline;
     font-weight: bold;
 }
+.static-home-link:after,
 .static-nav-link.active::after {
     text-decoration: none;
     display: inline-block;
 }
+.static-home-link,
 .static-nav-link {
     color: #666666;
 }