diff --git a/static/includes/_nav.scss b/static/includes/_nav.scss
index 491dae57..5f042428 100644
--- a/static/includes/_nav.scss
+++ b/static/includes/_nav.scss
@@ -276,9 +276,10 @@ div.menucell {
 				border-top: 2px solid $nav-border-color;
 				margin-top: 0;
 			} @else if $responsive-menu == left-to-right {
-				transition: width 0.25s ease;
+				transition: transform 0.25s ease;
 				height: 100%;
-				width: 0px;
+				width: 15em;
+				transform: translateX(-100%);
 				position: fixed;
 				top: 0px;
 				left: 0;
@@ -336,7 +337,7 @@ div.menucell {
 			@if $responsive-menu == top-to-bottom {
 				height: auto;
 			} @else if $responsive-menu == left-to-right {
-				width: 15em;
+				transform: translateX(0);
 			}
 		}
 		& + ul li {