assets/themes/default/_header.scss

@@ -115,6 +115,18 @@ body > header {
       opacity: 1;
     }
   }
+    @-webkit-keyframes menuOpening {
+    from {
+      -webkit-transform: scaleX(0);
+      transform-origin: left;
+      opacity: 0;
+    }
+    to {
+      -webkit-transform: scaleX(1);
+      transform-origin: left;
+      opacity: 1;
+    }
+  }
 
   body > header {
     flex-direction: column;
@@ -206,6 +218,7 @@ body > header {
    		left: 50%;
    		transform: translate(-50%, 0);
    		transform: translateZ(0);
+   		-webkit-transform: none !important;
    		opacity: 0;
    		font-size: 0.9em;
    		white-space: nowrap;
@@ -218,6 +231,7 @@ body > header {
    	  .mobile-label {
    	    opacity: 1;
      		transform: translate(-50%, 80%);
+     		-webkit-transform: translate(-50%, 80%);
    		}
     }
  	}
@@ -237,6 +251,18 @@ body > header {
       opacity: 1;
     }
   }
+  @-webkit-keyframes menuOpening {
+        from {
+          -webkit-transform: scaleX(0);
+          transform-origin: left;
+          opacity: 0;
+        }
+      to {
+      -webkit-transform: scaleX(1);
+      transform-origin: left;
+      opacity: 1;
+  }
+}
 
   body > header {
     flex-direction: column;