shopify_navigation_tree.liquid

<style type="text/css"></style>
<div class="grid">
  <div class="mg-mega-menu">
    <ul class="nav-bar">
    {% assign n_cols_nav = 0 %}
    {% assign n_cols_nav_limit = linklists.main-menu.links.size | divided_by: 2 %}
    {% for link in linklists.main-menu.links %}
      {% assign n_cols_nav = n_cols_nav | plus: 1 %}
      {% comment %} parent menu links {% endcomment %}
      {% assign child_list_handle = link.title | handleize %}
      {% if linklists[child_list_handle].links != blank %}
        <li><a href="#">{{ link.title }}</a>
          <div class="">
            <ul>
            {% for childlink in linklists[child_list_handle].links %}
              {% comment %} sub menu children 1 {% endcomment %}
              {% assign childlink_handle = childlink.title | handleize %}
              {% if linklists[childlink_handle].links != blank %}
                <li><a href="#" class="">{{ childlink.title }}</a>
                  <ul>
                  {% for childlink2 in linklists[childlink_handle].links %}
                    {% comment %} sub menu children 2 {% endcomment %}
                    <li><a href="{{ childlink2.url }}" class="">{{ childlink2.title }}</a></li>
                  {% endfor %}
                  </ul>
                </li>
              {% else %}
                <li><a href="{{ childlink.url }}" class="">{{ childlink.title }}</a></li>
              {% endif %}
            {% endfor %}
            </ul>
          </div>
        </li>
      {% else %}
        <li><a href="{{ link.url }}" class="">{{ link.title }}</a></li>
      {% endif %}
    {% endfor %}
    </ul> 
  </div>
</div>