header-nav.liquid

<div class="header-nav">
  <a class="btn icon browse {% if section and section.settings.hero_show_nav == false %}hidden-in-desktop{% endif %}" data-action="toggle-browse"><i class="fa fa-bars"></i></a>
  {% unless section and section.settings.hero_show_search == false %}
    {% unless template == 'customers/login' or template == 'customers/register' %}
  
  
    <form class="searchbox searchbox-open"  action="/search" method="get" role="search">
      
      	<input type="hidden" name="type" value="product">
      
        <input type="search" placeholder="Search......" name="q" class="searchbox-input" onkeyup="buttonUp();" required>
        <input type="submit" class="searchbox-submit" value="GO">
        <span class="searchbox-icon">GO</span>
    </form>
  
      <!-- a class="btn icon search" data-action="toggle-search"><i class="fa fa-search"></i></a -->
    {% endunless %}
  {% endunless %}
  {% if cart.item_count > 0 %}
    <a class="btn line cart" href="/cart">{{ 'layout.header_nav.cart_count' | t: count: cart.item_count }}</a>
    <a class="btn icon cart" href="/cart"><i class="fa fa-shopping-cart"></i></a>
  {% endif %}
</div>


<!-- script type="text/javascript">
  $(document).ready(function(){
            var submitIcon = $('.searchbox-icon');
            var inputBox = $('.searchbox-input');
            var searchBox = $('.searchbox');
            var isOpen = false;
            submitIcon.click(function(){
                if(isOpen == false){
                    searchBox.addClass('searchbox-open');
                    inputBox.focus();
                    isOpen = true;
                } else {
                    searchBox.removeClass('searchbox-open');
                    inputBox.focusout();
                    isOpen = false;
                }
            });  
             submitIcon.mouseup(function(){
                    return false;
                });
            searchBox.mouseup(function(){
                    return false;
                });
            $(document).mouseup(function(){
                    if(isOpen == true){
                        $('.searchbox-icon').css('display','block');
                        submitIcon.click();
                    }
                });
        });
            function buttonUp(){
                var inputVal = $('.searchbox-input').val();
                inputVal = $.trim(inputVal).length;
                if( inputVal !== 0){
                    $('.searchbox-icon').css('display','none');
                } else {
                    $('.searchbox-input').val('');
                    $('.searchbox-icon').css('display','block');
                }
            }
</script -->