<header class="header">

  <ul class="menu">
    <li class="menu__item menu__item--games">Games</li>
    <li class="menu__item menu__item--blog">Blog</li>
    <li class="menu__item menu__item--about">About</li>
    <li class="menu__item menu__item--contact">Contact</li>
  </ul> <!-- /.menu -->

  <a href="/" class="logo">{{ site.name }}</a>

</header> <!-- /.header -->

<header class="header">

  <ul class="menu  menu--left">
    <li class="menu__item  menu__item--pages"><a href="#">Pages</a></li>
    <li class="menu__item  menu__item--posts"><a href="#">Posts</a></li>
  </ul>

  <a href="/" class="logo">{{ site.name }}</a>

  <ul class="menu  menu--right">
    <li class="menu__item  menu__item--about"><a href="#">About</a></li>
    <li class="menu__item  menu__item--contact"><a href="#">Contact</a></li>
  </ul>

</header> <!-- /.header -->

Split the menu and added links.
Split the menu and added links.
