<nav class="navbar navbar-fixed-top">
  <div class="container-fluid">

    <div class="navbar-header">
      <a class="navbar-brand" href="#/">
        {{vm.config.app_name}}
      </a>
      <button type="button" class="navbar-toggle glyphicon glyphicon-circle-arrow-down" ng-click="isCollapsed = !isCollapsed">
      </button>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6" collapse="isCollapsed" style="height: 1px;">
      <ul class="nav navbar-nav">
        <li ng-repeat="item in vm.mainMenu"><a ui-sref="{{item.href}}" ui-sref-active="active">{{item.title}}</a></li>
      </ul>
    </div>
  </div>
</nav>


<!--<nav class="navbar navbar-fixed-bottom navbar-inverse">-->
  <!--<div class="container-fluid">-->

    <!--<li class="dropdown">-->
      <!--<a data-toggle="dropdown" class="dropdown-toggle"><div class="icon glyphicon glyphicon-circle-arrow-down"></div></a>-->
      <!--<ul class="dropdown-menu">-->
        <!--<li><a ui-sref="home" ui-sref-active="active">Home</a></li>-->
        <!--<li class="divider" ng-if="vm.wordpress.menus[config.wordpress.mainMenu]"></li>-->
        <!--<wordpress-menu data="vm.wordpress.menus[vm.config.wordpress.mainMenu]" base="#/p/" depth="1"></wordpress-menu>-->
        <!--<li class="divider" ng-if="vm.wordpress.menus[vm.config.wordpress.secondaryMenu]"></li>-->
        <!--<wordpress-menu data="vm.wordpress.menus[vm.config.wordpress.secondaryMenu]" base="#/p/" depth="1"></wordpress-menu>-->
        <!--<li class="divider" ng-show="config.drupal.menus['menu-app-menu']"></li>-->
        <!--<drupal-menu data="config.drupal.menus['menu-app-menu']" ng-show="config.drupal.menus['menu-app-menu']" base="#/"></drupal-menu>-->
        <!--<li class="divider"></li>-->
        <!--<li><a href="#userModal" data-toggle="modal" ng-show="config.loggedIn">{{ config.user_email }}</a></li>-->
      <!--</ul>-->
    <!--</li>-->

    <!--<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6" collapse="isCollapsed" style="height: 1px;">-->
      <!--<ul class="nav navbar-nav">-->
        <!--&lt;!&ndash; fixme: icons &ndash;&gt;-->
        <!--<li ng-repeat="item in vm.secondaryMenu"><a ui-sref="{{item.href}}" ui-sref-active="active"><div class="{{item.icon}}"></div>{{item.title}}</a></li>-->
        <!--<li ng-repeat="item in vm.mainMenu"><a ng-href="#/{{item.href}}">{{item.title}}</a></li>-->
      <!--</ul>-->
    <!--</div>-->
  <!--</div>-->
<!--</nav>-->