diff --git a/sass/_menu.scss b/sass/_menu.scss index 68c5488f61831eb1d7ea05b15cb43d9a32bc610f..9f2c1de3c5547b390111dbd9ea8d49383fc7649a 100644 --- a/sass/_menu.scss +++ b/sass/_menu.scss @@ -11,17 +11,20 @@ .navbar .navbar-toggle:checked { &+.navbar-brand .navbar-burger { & span:nth-child(1) { - -webkit-transform: translateY(5px) rotate(45deg); - transform: translateY(5px) rotate(45deg); + -webkit-transform: rotate(45deg); + transform: translateY(0px) rotate(45deg); } & span:nth-child(2) { opacity: 0; } - & span:nth-child(3) { - -webkit-transform: translateY(-5px) rotate(-45deg); - transform: translateY(-5px) rotate(-45deg); + opacity: 0; + } + + & span:nth-child(4) { + -webkit-transform: rotate(-45deg); + transform: translateY(-6px) rotate(-45deg); } } @@ -74,3 +77,7 @@ filter: saturate(0) brightness(0) invert(1); } } + +.navbar-burger { + color: white !important; +} diff --git a/templates/menu.html b/templates/menu.html index e5d474476a7cd9287e55bd4d44dd1a3a7af0d079..5083e4da0efda93f201eb33c36cc58f68ee61139 100644 --- a/templates/menu.html +++ b/templates/menu.html @@ -11,6 +11,7 @@ <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> + <span aria-hidden="true"></span> </label> </div>