 id="sidebar-container">
      <div id="sidebar-head">
        {% include "partials/brand.html" %}
        {% include "partials/search.html" %}
      </div>
      <div id="sidebar-body" class="with-scroll">
        <div id="sidebar-navtree" class="toc-tree">
          {{sidebar_toc}}
        </div>
      </div>
    </div>

    <div id="main-container">
      {#- 1st row: horizontal header-bar for mobile.
      must be hidden in desktop to show scrollbar properly -#}
      <div id="mobile-head