{% if site.menus.site_navigation_secondary %}

<ul class="bsk-nav bsk-navbar-nav bsk-navbar-right">
    {% for item in site.menus.site_navigation_secondary %}
        {% if item.children %}
            <li class="bsk-dropdown">
                <a class="bsk-dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                    {{ item.title }} <span class="bsk-caret"></span>
                </a>
                <ul class="bsk-dropdown-menu">
                    {% for sub_item in item.children %}
                        <li><a href="{{ sub_item.url }}">{{ sub_item.title }}</a></li>
                    {% endfor %}
                </ul>
            </li>
        {% else %}
            <li><a href="{{ item.url }}">{{ item.title }}</a></li>
        {% endif %}
    {% endfor %}
</ul>

{% endif %}