Fix responsive menu

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;
+  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;
   }
 }