main-navigation.liquid

<div class="row">
  <div class="row">
       {% if settings.header_layout == 'nav' %}<span class="logo-item logo-item-left">{{ logo_html }}</span>{% endif %}
  </div>
  <div class="row main-nav-wrapper">
    <nav class="main-nav cf desktop align-{{ settings.nav_alignment }}" role="navigation">
      <ul>

        {% for link in linklists.main-menu.links %}

          {% assign has_drop_down = false %}
          {% capture link_title %}{{ link.title | strip_html }}{% endcapture %}
          {% if link_title == settings.nav_uber_name %}
            {% assign dropdown_style = 'drop-uber' %}
            {% assign has_drop_down = true %}
          {% else %}
            {% include 'has-drop-down' with link_title %}
            {% if has_drop_down %}{% assign dropdown_style = 'drop-norm' %}{% endif %}
          {% endif %}

          <li class="nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if link.active %} active{% endif %}{% if has_drop_down %} dropdown {{ dropdown_style }}{% endif %}">
    <!--  <li class="nav-item{% if forloop.first %} first{% elsif forloop.last %} last{% endif %}{% if link.active %} active{% endif %}"> -->

            <a class="nav-item-link" href="{{ link.url }}">
              {{ link.title }}
            </a>

            {{ 'nav-arrow-down.png' | asset_url | img_tag: '', 'nav-arrow-down' }}

            {% if has_drop_down and dropdown_style == 'drop-uber' %}

              {% comment %} Full width dropdown {% endcomment %}
              <div class="sub-nav {% if settings.nav_show_images %} has-img{% endif %}">
                {% if settings.nav_show_images %}<div class="rep-img"></div>{% endif %}

                {% if settings.nav_uber_list_1 != blank %}
                  {% assign list_title = settings.nav_uber_list_1_title %}
                  {% include 'main-navigation-sublist' with settings.nav_uber_list_1 %}
                  {% endif %}
                {% if settings.nav_uber_list_2 != blank %}
                  {% assign list_title = settings.nav_uber_list_2_title %}
                  {% include 'main-navigation-sublist' with settings.nav_uber_list_2 %}
                {% endif %}
                {% if settings.nav_uber_list_3 != blank %}
                  {% assign list_title = settings.nav_uber_list_3_title %}
                  {% include 'main-navigation-sublist' with settings.nav_uber_list_3 %}
                {% endif %}
                {% if settings.nav_uber_list_4 != blank %}
                  {% assign list_title = settings.nav_uber_list_4_title %}
                  {% include 'main-navigation-sublist' with settings.nav_uber_list_4 %}
                {% endif %}
              </div>

            {% if settings.nav_uber_list_1 != blank %}

            {% endif %}

            {% elsif has_drop_down %}

              {% comment %} Normal dropdown {% endcomment %}

              {% assign has_images = false %}
              {% for l in linklists[child_list_handle].links %}
              {% if l.type == 'collection_link' and l.object.image %}{% assign has_images = true %}{% endif %}
              {% if l.type == 'product_link' and l.object.featured_image %}{% assign has_images = true %}{% endif %}
              {% endfor %}


              {% if settings.nav_show_images and has_images %}
                {% assign images_enabled = true %}
              {% else %}
                {% assign images_enabled = false %}
              {% endif %}

              <div class="sub-nav sub-nav-divide {% if images_enabled %} has-img{% endif %} count-{{ linklists[child_list_handle].links | size }}">
                {% if images_enabled %}<div class="rep-img">
                  {% for collection in collections %}
                    {% if collection.title == link.title %}
                      {% if collection.image %}<img src="{{ collection.image | img_url: 'large' }}">{% endif %}
                    {% endif %}
                  {% endfor %}
                </div>{% endif %}
                <div class="sub-nav-title">{% for collection in collections %}
                    {% if collection.title == link.title %}
                      Shop {{ collection.title }}
                    {% endif %}
                  {% endfor %}</div>
                {% include 'main-navigation-sublist' with child_list_handle %}
              </div>
            {% endif %}
          </li>
        {% endfor %}
        <!-- <li class="nav-item dropdown drop-norm">
         <a class="nav-item-link" href="/pages/all-categories">All</a>
          <div class="sub-nav sub-nav-all">
          {% for link in linklists.main-menu.links %}
           {% if link.title != "Hobby" %}
            <div class="all-block">
              <div class="sub-nav-title">
                {% for collection in collections %}
                {% if collection.title == link.title %}
                <a class="" href="{{ link.url }}">
                  {{ link.title }}
                </a> 
                {% endif %}
                {% endfor %}
              </div>
              {% include 'main-navigation-all-sublist' with link.handle %}
            </div>
           {% endif %}
          {% endfor %}
          {% for link in linklists.main-menu.links %}
           {% if link.title == "Hobby" %}
            <div class="all-block">
              <div class="sub-nav-title">
                {% for collection in collections %}
                {% if collection.title == link.title %}
                <a class="" href="{{ link.url }}">
                  {{ link.title }}
                </a>
                {% endif %}
                {% endfor %}
              </div>
              {% include 'main-navigation-all-sublist' with link.handle %}
            </div>
           {% endif %}
          {% endfor %}
          </div>
        </li> -->
      </ul> 
    </nav>
  </div> <!-- /row main-nav-wrapper -->
</div> <!-- /row -->

<ul class="header-sub-nav">      
  <li><a href="/account/register">Sign Up</a> |</li>
  <li><a href="http://vendors.luxeroute.com">Become a Vendor</a> |</li>
  <li><a href="/pages/about-us">About</a> |</li>
  <li><a href="/pages/newsletter">Newsletter</a></li>
</ul>

<script type="text/javascript">
  $(function() {

  });
</script>