Fixing menu on mobile devices #90

getchopchop · Sep 13, 2016 · 178830b · 178830b
1 parent 7405b69
commit 178830b
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/scss/chopchop-ui.scss b/src/scss/chopchop-ui.scss
@@ -10,7 +10,8 @@
 
 .cc-header {
     position: fixed;
-    bottom: 0;
+    top: 100%;
+    transform: translateY(-100%);
     left: 0;
     right: 0;
     z-index: 999;
@@ -31,7 +32,7 @@
 
         > * {
             display: inline-block;
-            padding: 3px 10px;
+            padding: 6px 12px;
         }
     }
 
@@ -125,15 +126,15 @@
     top: 0;
     bottom: 0;
     width: 200px;
-    transform: translateX(-100%);
+    left: -100%;
     z-index: 998;
     background-color: color(grey,darker);
     padding: 20px 10px;
     padding-bottom: 46px;
     color: color(grey,lighter);
 
     &.is-active {
-        transform: translateX(0);
+        left: 0;
     }
 
     ol {
@@ -242,6 +243,7 @@
 
 .has-cc-nav-active .cc-main-content {
     margin-left: 200px;
+    overflow: hidden;
 }