Hamburger wysuwanie, pionowe a nie poziome

Question

Witam,

Chciałbym zapytać, jak powinienem zrobić, żeby zakładka Hamburgera na 480px wysuwała się PIONOWO a nie POZIOMO? Nie mam pojęcia, jak to uczynić, tyle już się z tym męcze.

Wiem, że na stronie są różne nie dociągnięcia itp, ale umiem sobie z nimi poradzić, bo się ucze a strona jest tylko do różnych testów.

Meffy3.cba.pl

A tutaj codepen żeby łatwiej było z kodem, https://codepen.io/Mefik/pen/BOMEMy

Bardzo prosiłbym o pomoc

Answer 1

Skoro chcesz, by menu wysuwało się pionowo, czyli, żeby elementy były jeden pod drugim, to musisz zmienić display z 'inline-block' na np. 'block', bądź też usunąć 'float:left' poszczególnych opcji.

Mam nadzieję, że pomogłem, pozdrawiam :>

Comments

Niestety odwrotnie ;p Chce Pionowo a nie poziomo ^^

---

Napisalem poziomo, a chodzilo mi o pionowo :D Ale nie wiem czy chcesz zeby te opcje byly jedna pod drugą czy zeby wysuwaly się od góry ekranu w dół. Bo jesli zrobisz to, co napisalem wyzej, to bedziesz mial opcje jedna pod drugą.

---

ah, teraz widze o co Ci chodzi, zle przeczytalem tresc problemu ;>

w deklaracji dla #mMenu masz:

transform: translate(-100%, 0);

musisz to zamienic na (0, -100%);

pozdrawiam :^)