Cześć. Na wstępie zaznaczę, że jestem samoukiem i totalnym amatorem :)
Mam problem z nawigacją na stronie. Zrobiłem menu poziome z opcją sticky w JS. Chciałbym, żeby .navbar na wersji mobilnej zmieniło się w hamburger menu, a .order zostało obok. Niestety pojawia się spory problem, kiedy chcę dodać menu (nie wiem, czy to dobry pomysł) do <aside>, które miałoby być ukryte, a pojawiałoby się po kliknięciu w hamburgera. Wszystko się rozjeżdża i nie wygląda tak jak powinno. Poniżej wklejam kod.
https://codepen.io/marcin-reutt/pen/wvYRBWx
Kiedyś udało mi się zrobić coś podobnego, ale zrezygnowałem z tej opcji, bo nie do końca podoba mi się taka forma pozycjonowania. Właściwie to cały projekt mi się nie podobał. Tutaj kod. Nie wiem tylko czemu ikony hamburgera pojawiają się pod sobą. Kiedy uruchomię index.html w przeglądarce wygląda normalnie.
https://codepen.io/marcin-reutt/pen/BaqvyYG
W górnym projekcie, chciałbym osiągnąć podobny efekt, ale nie wiem co robię źle. Będę bardzo wdzięczny za jakieś podpowiedzi.