Don't affix the fixed navbars in mobile views

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 42d53fdd64b4da878926f38f6a69916768e39601..73db5262db7410e308dfca129c3932e99e583249 100644 (file)
--- 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 e42e5e86904a412bdce55a3232b58fb526ad4bdd..5f19d11b6c3225a03fe5e7ba2314467ca4654de7 100644 (file)
--- 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 */

diff --git a/less/navbar.less b/less/navbar.less
index c043d8462a1d736474e509b5e6550734c36e3245..b82534e4304fe109e1e93adbf3f2f61e76ab007a 100644 (file)
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -49,17 +49,11 @@
   border-radius: 0;
 }
 
-// Fixed navbar
+// Fixed navbars aren't fixed to start; that comes at >768px
 .navbar-fixed-top,
 .navbar-fixed-bottom {
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: @zindex-navbar-fixed;
   border-radius: 0;
 }
-.navbar-fixed-top    { top: 0; }
-.navbar-fixed-bottom { bottom: 0; }
 
 
 
@@ -276,6 +270,17 @@
     border-right-color: lighten(@navbar-inverse-bg, 5%);
   }
 
+  // Fix the top/bottom navbars when screen real estate supports it
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    position: fixed;
+    right: 0;
+    left: 0;
+    z-index: @zindex-navbar-fixed;
+  }
+  .navbar-fixed-top    { top: 0; }
+  .navbar-fixed-bottom { bottom: 0; }
+
   // Required to make the collapsing navbar work on regular desktops
   .navbar .btn-navbar {
     display: none;