template.hbs

<div data-desk-after="logo" data-mobile-append="main-menu" data-responsive>
  <h2 class="aria--visible">Main menu</h2>
  <ul class="menu--main mobile-one-whole tablet-one-half">
    {{#each links}}
    {{#if this.active}}
    <li class="item--open active-trail" data-menu="tree">
      <a id="main-menu--active" href="#" class="active-trail">{{this.label}}</a>
      {{> menu-subnav this.menu-second}}
    </li>
    {{else}}
    <li class="item--closed" {{#if this.subnav}}data-append="{{this.subnav}}" data-media="{{> media-until-tablet}}"{{/if}} data-menu="tree"><a href="#">{{this.label}}</a></li>
    {{/if}}
    {{/each}}
  </ul>
</div>