Fix mobile menu not showing top and bottom strokes

1 files changed, 8 insertions, 13 deletions

diff --git a/assets/css/partials/burger-menu.css b/assets/css/partials/burger-menu.css
index 91e4101..71eb500 100644
--- a/assets/css/partials/burger-menu.css
+++ b/assets/css/partials/burger-menu.css
@@ -32,34 +32,29 @@
   user-select: none;
 }
 
-.toggleBurgerWrapper span {
+.toggleBurgerWrapper span,
+.toggleBurgerWrapper span:before,
+.toggleBurgerWrapper span:after {
   position: absolute;
-  top: 50%;
   height: 2px;
   width: 100%;
   background: var(--grey-222);
-
   transition: all .3s ease;
-  transform: translate(0, -50%);
 }
 
-.toggleBurgerWrapper span:before,
-.toggleBurgerWrapper span:before:after {
-  position: absolute;
-  height: 2px;
-  width: 100%;
-  background: var(--grey-222);
-  content: "";
-
-  transition: all .3s ease;
+.toggleBurgerWrapper span {
+  top: 50%;
+  transform: translate(0, -50%);
 }
 
 .toggleBurgerWrapper span:before {
   top: -6px;
+  content: "";
 }
 
 .toggleBurgerWrapper span:after {
   top: 6px;
+  content: "";
 }
 
 @media screen and (max-width: 800px) {