weblog/_includes/header.html

<header class="site-header">
    <nav class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="{{ site.baseurl }}/">
                    <!-- The tiny site logo in the header/navbar -->
                    <img src="{{ "/static/images/site-logo.png" | prepend: site.baseurl }}" alt="{{ site.tag_line_alt }}" title="{{ site.tag_line_alt }}" id="site-logo-navbar">
                </a>
                <a class="navbar-brand" href="{{ site.baseurl }}/">{{ site.title }}</a>
                <p class="navbar-text">{{ site.tag_line }}</p>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">

                    {% if page.url == "/index.html" %}
                    <li class="active">
                    {% else %}
                    <li>
                    {% endif %}
                    <a href="{{ site.baseurl }}/">{{ site.landing_page }}</a>
                    </li>

                    {% assign sorted_pages = site.pages | sort: 'menu_index' %}

                    {% for p in sorted_pages %}
                        {% if p.title and p.menu_visible == true %}
                            {% if p.url == page.url %}
                                <li class="active">
                            {% else %}
                                <li>
                            {% endif %}
                            <a href="{{ p.url | prepend: site.baseurl }}">{{ p.title }}</a>
                            </li>
                        {% endif %}
                    {% endfor %}

                    <!-- Old "More" dropdown menu: Disabled as we only have three pages now. When 'menu_visible=false' the page would go in the dropdown.
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            More
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            {% for p in sorted_pages %}
                                {% if p.title and p.menu_visible == false %}
                                    <li><a href="{{ p.permalink | prepend: site.baseurl }}">{{ p.title }}</a></li>
                                    {% if forloop.last == false %}
                                        <li role="separator" class="divider"></li>
                                    {% endif %}
                                {% endif %}
                            {% endfor %}
                        </ul>
                    </li>
                    -->
                </ul>
            </div>
        </div>
    </nav>
</header>