{% assign items = include.item.items | order %}

<div class="nav-item w-100 w-lg-auto dropdown d-flex flex-column flex-lg-row">
  <div class="d-flex">
    <p class="mb-0 nav-link flex-grow-1 flex-grow-lg-0 hover-black cursor-pointer pr-5 pr-md-2">{{ include.item.title }}</p>

    <button class="dropdown-toggle border-0 bg-transparent w-5 w-lg-auto pl-lg-3"></button>
  </div>

  <div class="dropdown-menu w-100 w-lg-auto flex-grow-1 flex-grow-lg-0 background-body px-2">
    {% for item in items %}
      {% assign template = item.layout | append: ".html" %}
      {%- include_cached {{ template }} item=item -%}
    {% endfor %}
  </div>
</div>