Hamburger menu - linki do stron przestały działać

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.

  if (z.style.display == "block") {
          z.style.display = "none";
	} else {
		  z.style.display = "block";
	  }
}

@JustCuzICan: dzięki wielkie :) !