<div id="nav-container">
  <h1 onclick="titleScrollTop()">
    {{ page.title }}
  </h1>
  <div class="picto" id="burger" onclick="toggleMobileNav()" data-src="{{ url('theme://images/pictos/burger.svg') }}" aria-hidden="true"></div>
</div>


<nav>
  <div class="picto" id="crossMenu" onclick="toggleMobileNav()" data-src="{{ url('theme://images/pictos/cross.svg') }}" aria-hidden="true"></div>
  <ul>
    {% for page in pages.children.visible %}
    {% set current_page = (page.active or page.activeChild) ? 'selected' : '' %}
      <li class="{{ current_page|e }}" onclick="changeMenuSelected(this)">
        <a href="{{ page.url|e }}">
          {{ page.menu|e }}
        </a>
      </li>
    {% endfor %}
  </ul>
</nav>
