  <div class="topnav" id="myTopnav">
    <div class="block-header-1--logo">
      <a id="logo" href="{{ section.url | prepend: site.baseurl_root }}">
        <img src="{{ section.logo | prepend: site.baseurl_root }}" alt="{{ site.title }}">
      </a>
    </div>
    <div id="menu">
      {% for nav_item in section.navigation %}
      <a class="refs" href="{% t nav_item.link %}">{% t nav_item.link_text %}</a>
      {% endfor %}
      <!-- <a style="float: right; padding-right: 20px; margin-top: 5px;" class="langicons" href="{% t section.image.link %}"><img src="{{site.baseurl_root}}{% t section.image.image %}" alt="{% t section.image.alt_text %}"></a></li> -->
      <a {% if site.lang == lang %} id="selected-lang" {% endif %} style="float: right; padding-right: 20px; margin-top: 5px;" class="langicons refs" href="{{ site.baseurl_root }}{{ page.url}}?lang={% t section.image.link %}"><img src="{{site.baseurl_root}}{% t section.image.image %}" alt="{% t section.image.alt_text %}"></a>
      <a id="toggle" href="javascript:void(0);" class="icon" onclick="myFunction()">
        <img id="hamburger" src="{{ section.menu | prepend: site.baseurl_root }}" alt="Menu">
      </a>
    </div>
  </div>


  <script>
    function myFunction() {
      var x = document.getElementById("myTopnav");
      if (x.className === "topnav") {
        x.className += " responsive";
      } else {
        x.className = "topnav";
      }
    }
  </script>