From c7b7701d76e32d576e0d3e8a2d81fc8f2e4fc716 Mon Sep 17 00:00:00 2001
From: JT <jt@ofitsownkind.com>
Date: Tue, 8 Apr 2014 19:51:34 -0700
Subject: [PATCH] footer responsive nav

---
 website/source/stylesheets/_header.less | 31 +++++++++++++---
 website/source/stylesheets/main.css     | 49 +++++++++++++++++--------
 2 files changed, 59 insertions(+), 21 deletions(-)

diff --git a/website/source/stylesheets/_header.less b/website/source/stylesheets/_header.less
index d96e9c5df5..295da50b8e 100755
--- a/website/source/stylesheets/_header.less
+++ b/website/source/stylesheets/_header.less
@@ -220,16 +220,16 @@ body.page-sub{
 }
 
 @media (max-width: 768px) {
+
+    #footer,
     #header{
-        .consul-gradient-bg();
-
-        .navbar-right{
-            float: none !important;
-        }
-
+        .buttons.navbar-nav,
         .main-links.navbar-nav{
+            display: block;
             padding-bottom: 15px;
             li{
+                display: block;
+                float: none;
                 margin-top: 15px;
             }
             
@@ -237,13 +237,32 @@ body.page-sub{
             li + li::before {
                 display: none;
             }
+        }
+    }
 
+    #header,
+    #footer{
+        .main-links.navbar-nav{
             li > a {
                 padding: 0;
                 padding-left: 0;
                 line-height: 22px;
             }
         }
+    }
+
+    #footer{
+        .buttons.navbar-nav li.first {
+            margin-right: 0;
+        }
+    }
+
+    #header{
+        .consul-gradient-bg();
+
+        .navbar-right{
+            float: none !important;
+        }
 
         .navbar-brand {
             &.logo{
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index 903f2e7a32..ceb082c06f 100644
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@@ -307,6 +307,40 @@ body.page-sub #header {
   }
 }
 @media (max-width: 768px) {
+  #footer .buttons.navbar-nav,
+  #header .buttons.navbar-nav,
+  #footer .main-links.navbar-nav,
+  #header .main-links.navbar-nav {
+    display: block;
+    padding-bottom: 15px;
+  }
+  #footer .buttons.navbar-nav li,
+  #header .buttons.navbar-nav li,
+  #footer .main-links.navbar-nav li,
+  #header .main-links.navbar-nav li {
+    display: block;
+    float: none;
+    margin-top: 15px;
+  }
+  #footer .buttons.navbar-nav .li-under a::after,
+  #header .buttons.navbar-nav .li-under a::after,
+  #footer .main-links.navbar-nav .li-under a::after,
+  #header .main-links.navbar-nav .li-under a::after,
+  #footer .buttons.navbar-nav li + li::before,
+  #header .buttons.navbar-nav li + li::before,
+  #footer .main-links.navbar-nav li + li::before,
+  #header .main-links.navbar-nav li + li::before {
+    display: none;
+  }
+  #header .main-links.navbar-nav li > a,
+  #footer .main-links.navbar-nav li > a {
+    padding: 0;
+    padding-left: 0;
+    line-height: 22px;
+  }
+  #footer .buttons.navbar-nav li.first {
+    margin-right: 0;
+  }
   #header {
     background: #694a9c;
     /* Old browsers */
@@ -328,21 +362,6 @@ body.page-sub #header {
   #header .navbar-right {
     float: none !important;
   }
-  #header .main-links.navbar-nav {
-    padding-bottom: 15px;
-  }
-  #header .main-links.navbar-nav li {
-    margin-top: 15px;
-  }
-  #header .main-links.navbar-nav .li-under a::after,
-  #header .main-links.navbar-nav li + li::before {
-    display: none;
-  }
-  #header .main-links.navbar-nav li > a {
-    padding: 0;
-    padding-left: 0;
-    line-height: 22px;
-  }
   #header .navbar-brand.logo span {
     margin-top: 0;
   }