themes/neff/src/scss/_header.scss

@@ -147,24 +147,20 @@
             display: none;
         }
 
-        input[type=checkbox]:checked ~ .navbar-container nav {
+        input[type=checkbox]:checked ~ .navbar-container nav ul {
-            height: 255px; //TODO: make dynamic in Webkit
+            @include menu-list(column);
 
-            ul {
+            li {
-                @include menu-list(column);
+                text-align: right;
+                flex: 0 0 0;
+                margin: $gutter-width 0;
+                font-size: 1.1rem;
+                font-weight: bold;
 
-                li {
+                a {
-                    text-align: right;
+                    &:active,
-                    flex: 0 0 0;
+                    &:hover {
-                    margin: $gutter-width 0;
+                        color: darken($primary-color, 15%);
-                    font-size: 1.1rem;
-                    font-weight: bold;
-
-                    a {
-                        &:active,
-                        &:hover {
-                            color: darken($primary-color, 15%);
-                        }
                     }
                 }
             }