diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss index 237e1aa..3aff050 100644 --- a/src/components/Header/Header.scss +++ b/src/components/Header/Header.scss @@ -30,6 +30,7 @@ header { margin: 0 auto; padding-left: 0px; background: $black; + list-style: none; @media (min-width: 2500px) { width: 92.002%; height: 101px; @@ -53,15 +54,19 @@ header { display: none; } & .Icon__Menu { + display: none; @media (max-width: 1025px) { width: 28px; height: 22.5px; + display: block; } } & .Icon__Menu__Closed { + display: none; @media (max-width: 1025px) { width: 15px; height: 15px; + display: block; } } } @@ -190,7 +195,7 @@ header { @media (max-width: 1025px) { position: absolute; top: 0; - z-index: 1; + z-index: 2; left: -16px; height: 78px; width: 99.573%; @@ -228,6 +233,8 @@ header { } & .List__Login.opened { @media (max-width: 1025px) { + position: absolute; + z-index: 2; width: 99.573%; left: -16px; transform: translateX(0); @@ -281,6 +288,7 @@ header { position: absolute; top: 0; border-top-width: 0px; + z-index: 1; } .Nav__Bar { padding-left: 0; @@ -305,6 +313,7 @@ header { margin-top: 0; margin-bottom: 0; padding-left: 0; + list-style: none; @media (max-width: 1025px) { display: flex; flex-direction: column; @@ -358,14 +367,18 @@ header { width: 90.22%; } ul { - position: relative; - left: 16px; - row-gap: 12px; + @media (max-width: 1025px) { + position: relative; + left: 16px; + row-gap: 12px; + } } } } .Header__Bottom.opened { @media (max-width: 1025px) { + position: absolute; + z-index: 1; width: 100%; height: 100%; transform: translateX(0);