<header> <nav class="wl-border-primary wl-inversed-color-primary navbar navbar-expand fixed-top" id="mainNav"> <div class="container"> <span id="logo-link" class="welcome-text"><a href="{{ path('login') }}" class="wl-text-primary logo-header">{% if platform.logo %}<img class="logo" src="{{ platform.logo.path }}" alt="{{ 'logo'|trans }}" />{% else %}{{ platform.name }}{% endif %}</a></span> <button class="navbar-toggler navbar-toggler-right font-weight-bold mr-sm-0 custome-color-primary rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <i class="fas fa-bars"></i> </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> {% if app.user %} <li class="nav-item mx-0 mx-xl-1"> <a class="wl-text-primary nav-link{% if app.request.attributes.get('_route') == 'my_account' %} active{% endif %}" href="{{ path('my_account') }}"><i title="{{ 'my_account'|trans }}" class="fas fa-user"></i> {{ 'my_account'|trans }}</a> </li> <li class="nav-item mx-0 mx-xl-1"> <a class="wl-text-primary nav-link" href="{{ path('logout') }}"><i title="{{ 'sign_out'|trans }}" class="fas fa-power-off"></i> <span class="d-inline d-sm-none">{{ 'sign_out'|trans }}</span></a> </li> {% else %} <li class="nav-item mx-0 mx-xl-1"> <a class="wl-text-primary nav-link" href="{{ path('login') }}"><i title="{{ 'sign_in'|trans }}" class="fas fa-sign-in-alt"></i> {{ 'sign_in'|trans }}</a> </li> {% endif %} </ul> </div> </div> </nav></header>