menu bar

owsko · Jul 7, 2024 · 687d42f · 687d42f
1 parent c1dbeb3
commit 687d42f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/stylesheets/contact.css b/stylesheets/contact.css
@@ -1,7 +1,6 @@
 div {
     display: flex;
     justify-content: center;
-    overflow: auto;
 }
 
 header {

diff --git a/stylesheets/menuBar.css b/stylesheets/menuBar.css
@@ -13,17 +13,27 @@
 }
 
 .open .bar1 {
+    opacity: 0%;
+    transform: translateX(20px);
+
+    /*
     -webkit-transform: rotate(-45deg) translate(-6px, 6px);
     transform: rotate(-45deg) translate(-6px, 6px);
+    */
 }
 
 .open .bar2 {
-    opacity: 0;
+    opacity: 95%;
 }
 
 .open .bar3 {
-    -webkit-transform: rotate(-45deg) translate(-5px, -5px);
+    opacity: 0%;
+    transform: translateX(-20px);
+
+    /*
+    -webkit-transform: rotate(45deg) translate(-5px, -5px);
     transform: rotate(45deg) translate(-5px, -5px);
+    */
 }
 
 .open .mobile-menu {
@@ -52,6 +62,6 @@
     }
 
     #menu-icon {
-        display: block;
+        display: flex;
     }
 }