nav.liquid

nav.liquid

<nav>
  <div>
    <div id="navbarToggle">
      <ul role="menubar">
        {%- assign location = site.data.nav.menu -%}
        {%- for nav_item in location -%}
        {% if nav_item.child[0] %}
        <li>
            <a href="{{ nav_item.link }}" id="navbarDropdown" role="button" data-bs-toggle="dropdown"  aria-expanded="{% if nav_item.link == page.url %}true{% else %}false{% endif %}">{{ nav_item.name }}</a>
          <ul aria-labelledby="navbarDropdown">
            {%- for child in nav_item.child -%}
            <li><a {% if child.link == page.url %}active{%endif%}" href="{{ child.link }}" {% if child.link == page.url %}aria-current="page"{% endif %}>{{ child.name }}</a></li>
            {%- endfor -%}  
          </ul>
        </li>
        {% elsif nav_item != nav_item.child %}
        <li role="menuitem">
          <a {% if nav_item.link == page.url %}active{% endif %}" href="{{nav_item.link}}" {%if nav_item.link == page.url%}aria-current="page"{%endif%}>{{ nav_item.name }} </a> 
        </li>
        {% endif %}
        {%- endfor -%}
      </ul>
    </div>
  </div>
</nav>