adjusting topbar padding on scroll
authorAnthony Talarico <talarico@gaslightmedia.com>
Fri, 14 Jul 2017 14:22:10 +0000 (10:22 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Fri, 14 Jul 2017 14:22:10 +0000 (10:22 -0400)
when the fixed class is addd to the page-content , not enough padding is set to show the
interior page scrolling elements

css/app.css
js/app.js
js/custom/pageSetup.js
scss/_topbar.scss

index a654db5..49a23b4 100644 (file)
@@ -6432,7 +6432,7 @@ header {
       border-top-right-radius: 0; }
 
 .topbar-fixed {
-  padding-top: 185px; }
+  padding-top: 197px; }
 
 @media only screen and (min-width:40.063em) and (max-width:64em) {
   .topbar-fixed {
index 0183b8c..78fff59 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -52,10 +52,9 @@ $(document).ready(function () {
        window.scrollTo(0,0);
     });
     var header_height = $('header.main').outerHeight();
-
     
     $("#main-content a[href^='#']").on("click", function () {
-           $('html, body').animate({
+        $('html, body').animate({
         scrollTop: $(this.hash).offset().top - header_height
     }, 1000);
     });
index 28051c0..9549610 100644 (file)
@@ -43,10 +43,9 @@ $(document).ready(function () {
        window.scrollTo(0,0);
     });
     var header_height = $('header.main').outerHeight();
-
     
     $("#main-content a[href^='#']").on("click", function () {
-           $('html, body').animate({
+        $('html, body').animate({
         scrollTop: $(this.hash).offset().top - header_height
     }, 1000);
     });
index 9174d55..2b0de9d 100644 (file)
     }
 }
 .topbar-fixed {
-    padding-top: 185px;
+    padding-top: 197px;
 }
 
 @media#{$medium-only} {