<nav id="nav_menu" class="clearfix navbar navbar-default navbar-static-top affix" role="navigation">
  <div id="docsnav">
    <ul id="main-nav" class="pull-left">
      {% for menu in nav %}
      {% if menu.title != '**HIDDEN**' %}
      <li class="dd_menu pull-left{% if menu.active %} active{% endif %}">
        {% for first_item in menu.children[:1] %}
        <a href="{{ first_item.url }}">{{ menu.title }}</a>
        {% endfor %}
        <ul class="dd_submenu" style="max-height: 75px;">
        {% for menu in menu.children %}
          <li {% if menu.active %}class="active"{% endif %}>
            <a href="{{ menu.url }}">{{ menu.title }}</a>
          </li>
        {% endfor %}
        </ul>
      </li>
      {% endif %}
      {% endfor %}
    </ul>
  </div>
</nav>