https://codepen.io/anon/pen/qGpZao
*Wcześniej menu było wyświetlanie z boku jako div i poszczególne linki stylizowane flexboxem jako kolumna.
Teraz chciałam zrobić dla małych ekranów hamburger menu i niestety linki przestały się odnosić do wskazanych stron. Kiedy na któryś klikam menu się zamyka.
Proszę o wskazówkę jak to naprawić.
Ps. jeśli ktoś mógłby mi też powiedzieć czemu przy pierwszym załadowaniu strony menu jest rozwinięte zamiast zwinięte też będę wdzięczna. No i od razu po załadowaniu trzeba odczekać z 3 sekundy żeby menu było klikalne :/
EDIT: jednak nie chodzi o czas oczekiwania na możliwość kliknięcia tylko trzeba to zrobić dwukrotnie. Dopiero wtedy hamburger reaguje.**
Ps2. jest tam również funkcja robiąca animację - otwarty hamburger zmienia się w krzyżyk. Niestety działa mi albo jedno albo drugie. Jeśli chce żeby zmieniało się w krzyżyk muszę zrezygnować z rozwijania menu. Jak sprawić żeby obie funkcję działały przy kliknięciu jednocześnie?*
Proszę o pomoc.
Edit 2
Poradziłam sobie już z pkt2. Obie funkcje działają. Linki również zaczęły przenosić do wskazanych stron. Animacja przycisku hamburger ruszyła.
Została kwestia konieczności kliknięcia dwa razy w ikonę żeby menu zadziałało + animacja zmiany hamburgera na X jest tak jakby odwrotna - menu jest widoczne jak hamburger jest zamknięty i niewidoczne jak otwarty.