Nie mogę zlokalizować błędu przy zagnieżdżaniu

Question

Mam problem ponieważ nie rozumiem  co poszło źle, pisze w sassie i źle mi wszystko wyświtla button ma bacground a tło sprowadza się do części wpisu, w czystym css bez zagnieżdżania wszystko idzie prawidłowo.
https://jsfiddle.net/czugxrwk/ - kod
https://youtu.be/H7LUUsbpbrg?t=52m44s - kod z  koduje.pl
https://i.imgur.com/AflASxu.png - tak to wygląda

Answer 1

Tak na szybko spojrzałem na ten button. Masz: 
 

<nav class="page-nav">
    <ul class="navigation-menu">
      <li><a href="#" title="Features of my produscts">Features </a></li>
      <li><a href="#" title="Check the pricing">Pricing </a></li>
      <li><a href="#" title="A few words about me">About me </a></li>
      <li><a href="#" title="Sing up if you don't have account">Sing up </a></li>
    </ul>
  </nav>
  <button type="button" title="Open menu" class="hamburger">
<!--  ciąg dalszy -->

Zauważ, że button z klasą hamburger jest poza klasą page-nav

Natomiast w SCSS masz: 

.page-nav {
  .hamburger {
    border: 0;
    background:0;
  }
}

Więc prawdopodobnie musisz również button wrzucić do <nav>. Jednak pewny nie jestem, bo filmiku nie oglądałem, mam nadzieję że to jest to. :)

Comments

Dzięki, faktycznie tak źle przepisałem że tego nie zauważyłem.

Answer 2

button jest w elemencie o klasie .page-header nie .page-nav

Answer 3

Dzięki