mobile.menu.liquid

<div>
<button href="javascript:void(0)" class="nav-trigger">
        <span class="menu-header-text">MENU</span>
      </button>
    </div>
    <div class="nav-menu">
      <div class="menu-items">
          <ul id="MobileNav">
            <div class="top_bar_search fixed-search">
                <form class="search" action="/search">
                  {% if settings.search_option != 'everything' %}
                    <input type="hidden" name="type" value="product" />
                  {% endif %}
                  <input type="text" name="q" class="search_box" placeholder="Search" value="{% if search and search.results.first.price %}{{ search.terms }}{% endif %}" autocapitalize="off" autocomplete="off" autocorrect="off" />
                  <span class="icon-search search-submit"></span>
                </form>
              </div>
        {% for link in linklists[settings.main_linklist].links %}
              {% if linklists[link.handle] == empty %}
                <li><a href="{{ link.url }}" class="{% if link.active %} active{% endif %}">{{ link.title }}</a></li>
              {% else %}
                <li><a href="{{ link.url }}" class="mobile-nav__sublist-trigger menu-item {% if link.active %}active{% endif %} {% for link in linklists[link.handle].links %}{% if link.active %}active{% endif %}{% endfor %}">{{ link.title }}<span class="icon-down-arrow arrow"></span></a> 
                  <ul class="mobile-nav__sublist" style="display: none">  
                    {% for link in linklists[link.handle].links %}
                      {% if linklists[link.handle] == empty %}
                        <li><a href="{{ link.url }}">{{ link.title }}</a></li>
                      {% else %}
                      <li><a href="{{ link.url }}" class="mobile-nav__sublist-trigger menu-item">{{ link.title }} <span class="icon-right-arrow arrow"></span></a> 
                        <ul class="mobile-nav__sublist" style="display: none">
                          {% for link in linklists[link.handle].links %}                        
                            <li><a href="{{ link.url }}" class="mobile-nav__sublist-link">{{ link.title }}</a></li>
                          {% endfor %}
                        </ul>
                      </li>
                      {% endif %}
                    {% endfor %}
                  </ul>
                </li>
              {% endif %}
            {% endfor %}
          </ul>
      </div>
    </div>