<div id="navbar" class="navbar navbar-default navbar-fixed-top">
  <div class="navbar-header">
    <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".nav-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

    <a class="navbar-brand" href="http://docs.catalystcloud.io">
      <img class="navbar-brand" src="_static/cloud-logo.png">
    </a>

  </div>
  <ul class="nav navbar-nav">
    <li><a class="nav-item nav-link active" href="{{ pathto(master_doc) }}">
      {%- block sidebarlogo %}
        {%- if logo %}<img class="navbar-brand" src="{{ pathto('_static/' + logo, 1) }}">{% else %}{{ project }}{%- endif %}
      {%- endblock %}
     </a></li>
  </ul>

  <div class="collapse navbar-collapse nav-collapse">
    {% block navbarsearch %}
      {% include "navbarsearchbox.html" %}
    {% endblock %}
    <div class="mobile-nav visible-xs">
       {% block menu %}
        {% set toctree = toctree(maxdepth=2, collapse=False, includehidden=True) %}
        {% if toctree %}
            {{ toctree }}
        {% else %}
            <!-- Local TOC -->
            <div class="local-toc">{{ toc }}</div>
        {% endif %}
      {% endblock %}
    </div>
  </div>
</div>
