Rozwijane Hamburger Menu przy pomocy input checkbox w Scss

Question

Witam was. Jestem w trakcie pisania strony przy pomocy html5 i scss no i napotkałem problem bo po kliknięciu w label powiązany z checkboxem nic się niedzieje a tu kod(sorki że bez grafik), oraz chciałem aby gdy input jest checked grafika hamburger znikała i pojawiała się grafika close. Wszystko jest w codepen

 

https://codepen.io/stigman-magros-the-selector/pen/aboVGPE

Comments

W twoim kodzie jest totalna masakra.

Polecam nauczyć się flexboxa zamiast floatów.

Na przykład tutaj:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Poza tym to wywaliłem z twojego pierwszego labela for="toggle" button, zostawilem to:

<label for="toggle" class="hamburger">
  <img class="burger-img" src="img/icon/hamburger.png" alt="burger">
  <img class="close-img" src="close.png" alt="close">
</label>

I działa.

Answer 1

1. Nie da sie nic zrozumieć nawet z kodu, jak chcesz żebym pomógł daj grafiki bo nic nie zdziałam.

2. Grafik się nie używa, nie lepiej Font-Awesome? Będzie szybsze i lepsze, a najlepiej jakiegoś frameworka