nav.html

 <!-- Navigation -->
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                {% if page.url == "/" %}
                <a class="navbar-brand page-scroll" href="{{ "#page-top" }}">
                    {{ site.inline-logo }}
                </a>
                {% else %}
                <a class="navbar-brand page-scroll" href="{{ "#page-top" | relative_url }}">
                    {{ site.inline-logo }}
                </a>
                {% endif %}
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                <ul class="nav navbar-nav">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    {% for navitem in site.navigation %}
                        {% if navitem.subsites %}
                        <li class="nav-dropdown">
                        {% else %}
                        <li>
                        {% endif %}
                        {% if page.url == "/" and navitem.url contains "#" %}
                        <a class="page-scroll" href="{{ navitem.url }}">{{ navitem.name }}</a>
                        {% else %}
                        <a class="page-scroll" href="{{ navitem.url | relative_url }}">{{ navitem.name }}</a>
                        {% endif %}
                        {% if navitem.subsites %}
                        <ul class="nav nav-dropdown-content" >
                            {% for subitem in navitem.subsites %}
                            <li>
                                {% if page.url == "/" and navitem.url contains "#" %}
                                <a class="page-scroll" href="{{ subitem.url }}">{{ subitem.name }}</a>
                                {% else %}
                                <a class="page-scroll" href="{{ subitem.url | relative_url }}">{{ subitem.name }}</a>
                                {% endif %}
                            </li>
                            {% endfor %}
                        </ul>
                        {% endif %}
                        </li>
                    {% endfor %}
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>