Don't affix the fixed navbars in mobile views

2 files changed, 16 insertions, 15 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 42d53fdd6..73db5262d 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -3116,21 +3116,9 @@ button.close {
 
 .navbar-fixed-top,
 .navbar-fixed-bottom {
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: 1030;
   border-radius: 0;
 }
 
-.navbar-fixed-top {
-  top: 0;
-}
-
-.navbar-fixed-bottom {
-  bottom: 0;
-}
-
 .navbar .brand {
   display: inline-block;
   padding: 7px 15px;
@@ -3329,6 +3317,19 @@ button.close {
   .navbar-inverse .nav > .divider {
     border-right-color: #2f2f2f;
   }
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    position: fixed;
+    right: 0;
+    left: 0;
+    z-index: 1030;
+  }
+  .navbar-fixed-top {
+    top: 0;
+  }
+  .navbar-fixed-bottom {
+    bottom: 0;
+  }
   .navbar .btn-navbar {
     display: none;
   }
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index e42e5e869..5f19d11b6 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -10,7 +10,7 @@
 
 body {
   position: relative; /* For scrollyspy */
-  padding-top: 62px; /* Default height of navbar */
+  /* We add the padding to the body for >768px only */
 }
 
 /*  */
@@ -534,9 +534,9 @@ input.focused {
 /* Tablets and up */
 @media screen and (min-width: 768px) {
 
-  /* Account for fixed navbar */
+  /* Account for fixed navbar (which is static to start) */
   body {
-    padding-top: 50px;
+    padding-top: 62px; /* Default height of navbar */
   }
 
   /* Tweak display of docs jumbotrons */