diff --git a/docs/_includes/header.html b/docs/_includes/header.html
index 7cdcb970..b289550d 100644
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@@ -1,7 +1,4 @@
 <header>
-  <nav class="mobile-nav show-on-mobiles">
-    {% include mobile-nav-items.html %}
-  </nav>
   <div class="flexbox">
     <div class="center-on-mobiles">
       <h1>
@@ -28,4 +25,7 @@
       </ul>
     </div>
   </div>
+  <nav class="mobile-nav show-on-mobiles">
+    {% include mobile-nav-items.html %}
+  </nav>
 </header>
diff --git a/docs/_sass/_style.scss b/docs/_sass/_style.scss
index 52e6e8e3..fb185972 100644
--- a/docs/_sass/_style.scss
+++ b/docs/_sass/_style.scss
@@ -177,9 +177,6 @@ h6:hover .header-link {
   opacity: 1;
 }
 
-@media (max-width: 568px) {
-  header { padding-bottom: 0 }
-}
 @media (max-width: 580px) {
   header {
     .flexbox { height: auto }