<header class="site-header__container">
      <div class="site-header">
        <div class="container">
          <div class="site-header__wrap">  
            <a href="{{ site.link }}" class="site-header__logo site-header__logo-mobile">
              <img class="site-header__logo-img" src="{{ theme.link }}/frontend/img/hockey-coach-vision-logo.svg" alt="Hockey Coach Vision Logo" />
            </a>
            <button class="hamburger hamburger--squeeze" type="button">
              <span class="hamburger-box">
                <span class="hamburger-inner"></span>
              </span>
            </button>
            <nav class="site-header__nav">
              <ul class="site-header__main-nav">       
                {% for item in menu.main.get_items %}
                <li class="site-header__item {{ item.current ? 'active' }}">
                      <a href="{{ item.link }}" class="site-header__link">{{ item.title }}</a>
                </li>
                  {% if ( loop.index == (loop.length / 2) ) %}    
                  <a href="{{ site.link }}" class="site-header__logo">
                    <img class="site-header__logo-img" src="{{ theme.link }}/frontend/img/hockey-coach-vision-logo.svg" alt="Hockey Coach Vision Logo" />
                  </a>
                  {% endif %}
                {% endfor %}
                  <a href="{{ get_it_now }}" class="site-header__floating-button"><span>Get it now</span></a>
              </ul>
            </nav>
          </div>
        </div> 
      </div>
    </header>