From 45a504343b5949c072dc1acaf60e2c2c0c887e07 Mon Sep 17 00:00:00 2001
From: Drew Short <warrick@sothr.com>
Date: Sun, 10 Feb 2019 18:41:39 -0600
Subject: [PATCH] Fix responsive menu

---
 themes/pure/static/assets/css/style.css | 49 +++----------------------
 1 file changed, 5 insertions(+), 44 deletions(-)

diff --git a/themes/pure/static/assets/css/style.css b/themes/pure/static/assets/css/style.css
index 584177a..e963502 100644
--- a/themes/pure/static/assets/css/style.css
+++ b/themes/pure/static/assets/css/style.css
@@ -1,30 +1,3 @@
-/*nav {
-    overflow: hidden;
-    padding: 0px 0px;
-    background: #E7732F;
-    height: 2.2em;
-}
-
-nav ul {
-    display: block;
-}
-
-nav ul li {
-    display: block;
-    float: left;
-    padding-left: 1em;
-}
-
-nav ul li a img {
-	padding: .1em .2em;
-	width: 1.9em;
-}
-
-nav ul li a img:hover {
-    background: #ffffff;
-}
-*/
-
 html, body {
   height: 100%;
 }
@@ -48,25 +21,11 @@ body {
 }
 
 .pure-menu-item a img {
-  padding: .1em .2em;
-  max-height:    2.4em;
+  padding: .1em .5em;
+  max-height: 2.4em;
   min-width: 2.4em;
 }
 
-/*body {
-  padding: 0em;
-}*/
-
-/*.pure-menu-link {
-    color: #000000;
-}
-
-.pure-menu-active>.pure-menu-link,
-.pure-menu-link:focus,
-.pure-menu-link:hover {
-    background-color:#ffffff
-}*/
-
 .menu-wrapper {
     background-color: #E7732F;
     margin-bottom: 2.5em;
@@ -157,7 +116,7 @@ body {
     -ms-transition: all 0.5s;
     transition: all 0.5s;
     height: 3em;
-    width: 70em;
+    width: 100%;
     position: absolute;
     top: 0;
     z-index: -1;
@@ -168,12 +127,14 @@ body {
     -moz-transform: translateY(-44px);
     -ms-transform: translateY(-44px);
     transform: translateY(-44px);
+    width: auto;
 }
 
 @media (min-width: 62em) {
   .menu-screen {
     margin-top: 2.95em;
     z-index: 1;
+    right: 0em;
   }
 }