<nav class="navbar navbar-expand-md navbar-dark py-1 site-header {{ document.getProperty('header_color') }}">
{# get the document which should be used to start in navigation | default home #}
{% set navStartNode = document.getProperty('navigation_root') %}
{% set navLogo = document.getProperty('navigation_logo') %}
{% if not navStartNode is instanceof('\\Pimcore\\Model\\Document') %}
{% set navStartNode = pimcore_document(1) %}
{% endif %}
{% set mainNavigation = app_navigation_data_links(document, navStartNode) %}
<div class="container">
{#Logo Image#}
<a class="navbar-brand" href="{{ navStartNode }}">
{% if navLogo is instanceof('\\Pimcore\\Model\\Asset') %}
<img height="30" src="{{ navLogo.getThumbnail('logo') | raw }}" />
{% else %}
{{ pimcore_site_is_request() ? site.rootDocument.title: document.title }}
{% endif %}
</a>
{#responsive burger menu icon#}
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
{#main header#}
<div class="navbar-collapse collapse" id="navbarCollapse">
{#header - generate pimcore navigation #}
{{
pimcore_render_nav(mainNavigation, 'menu', 'renderMenu', {
maxDepth: 2,
ulClass: {
0: 'navbar-nav menu-links ml-4',
1: 'dropdown dropdown-menu',
'default': 'dropdown-menu dropdown-submenu'
}
})
}}
{#header - navigation icons#}
{# {{ include('/includes/navigation-icons.html.twig') }} #}
</div>
</div>
</nav>