diff --git a/testpage/responsive.css b/testpage/responsive.css
index 5217635..cce6176 100644
--- a/testpage/responsive.css
+++ b/testpage/responsive.css
@@ -43,6 +43,12 @@
         left: 0;
         bottom: 0;
         z-index: 2;
+        display: flex;
+        flex-flow: column nowrap;
+        justify-content: center;
+        align-items: flex-start;
+        transform: translateX(-120%);
+
     }
     .bd-no{
         display: none;
@@ -86,10 +92,7 @@
         transform: rotate(-45deg);
     }
     #hamburger-menu:checked ~ nav ul{
-    display: flex;
-    flex-flow: column nowrap;
-    justify-content: center;
-    align-items: flex-start;
+        transform:translateX(0%);
     }
     #hamburger-menu:checked ~ nav ul::before {
         transform: skewX(-20deg) translateX(-60%);