From e88b81318c52bcd7a76769ad41797b7e8a1cb6ca Mon Sep 17 00:00:00 2001
From: ashmaroli <ashmaroli@users.noreply.github.com>
Date: Mon, 20 Nov 2017 18:36:47 +0530
Subject: [PATCH] move logo above navigation on small screens (#6570)

Merge pull request 6570
---
 docs/_includes/header.html | 6 +++---
 docs/_sass/_style.scss     | 3 ---
 2 files changed, 3 insertions(+), 6 deletions(-)

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 }