<nav id=“navbar” data-sticky-container data-top-anchor=“0”>

<div
  class="sticky"
  data-sticky
  data-options="marginTop:0;"
  data-sticky-on="small"
  data-margin-top="0"
>
  <div class="top-bar" id="main-nav">
    <div class="title-bar hide-for-medium responsive-menu-toggle">
      <button
        class="menu-icon"
        type="button"
        data-toggle="side-canvas-bar"
      ></button>
      <div class="title-bar-title">{{ site.title | escape }}</div>
    </div>
    <div class="top-bar-right show-for-medium">
      <ul class="menu">
        <li>
          <a
            class="{% if page.title == my_page.title %}active{% endif %}"
            href="{{ '/' | relative_url }}"
            >{{ site.title | escape }}</a
          >
        </li>
        {% assign default_paths = site.pages | map: "path" %} {% assign
        page_paths = site.header_pages | default: default_paths %} {% for path
        in page_paths %} {% assign my_page = site.pages | where: "path", path
        | first %} {% if my_page.title %}
        <li>
          <a
            class="{% if page.title == my_page.title %}active{% endif %}"
            href="{{ my_page.url | relative_url }}"
            >{{ my_page.title | escape }}</a
          >
        </li>
        {% endif %} {% endfor %}
      </ul>
    </div>
  </div>
</div>

</nav> <!– NAV –>