Fix up media-specific doc styling issues

1 files changed, 22 insertions, 2 deletions

diff --git a/docs/static/css/default.css b/docs/static/css/default.css
index 742a4147..c1d2e885 100644
--- a/docs/static/css/default.css
+++ b/docs/static/css/default.css
@@ -200,11 +200,13 @@ body a:hover{
          max-width: 240px;
      }
 
+     .navbar {
+      position: fixed;
+     }
      .navbar .navbar-inner .container-fluid{
       max-width: 1110px;
      }
- }
-
+}
 
 /* sticky footer and footer */
 html, body {
@@ -222,6 +224,24 @@ html, body {
   padding-bottom: 70px;
 }
 
+@media (max-width: 979px) {
+  .navbar-fixed-top .navbar-inner {
+    padding: 0px;
+  }
+}
+
+@media (max-width: 767px) {
+  .body-content{
+    padding-top: 0px;
+  }
+}
+
+@media (min-width: 768px) {
+  footer.span12 {
+    width: 95%;
+  }
+}
+
 footer, .push {
   height: 60px; /* .push must be the same height as .footer */
 }