templates/layout/components/header.html.twig line 1

Open in your IDE?
  1. <div class="breakpoint-indicator">
    </div>
    
    <div class="mobile-title grid-x align-middle hide-for-large">
    
        <div class="cell auto">
            <a href="{{ document.getProperty('mainNavStartNode') }}" class="logo">
                {{ include('svg/logo.html.twig') }}
            </a>
        </div>
        
        <a class="cell shrink menu-button" id="menuButton" data-toggle="offCanvas">
            <span class="burger-icon"></span>
        </a>
    
    </div>
    
    <!-- Off-Canvas Start -->
    <div class="off-canvas in-canvas-for-large position-right" id="offCanvas" data-off-canvas data-transition="overlap">
        <div id="navContainer" class="nav-container">
            
            <div class="nav-wrap grid-container grid-x">
                
                <div class="cell shrink align-self-bottom show-for-large">
                    <a href="{{ document.getProperty('mainNavStartNode') }}" class="logo">
                        {{ include('svg/logo.html.twig') }}
                    </a>
                </div>
                
                <div class="spacer cell auto">
                </div>
                
                <div class="cell shrink grid-y">
    
                    <div class="cell subnav shrink grid-x align-middle">
                        <div class="cell small-auto large-shrink">
                            {{ include('layout/nav/search.html.twig') }}
                        </div>
                        <div class="spacer cell auto">
                        </div>
                        <div class="cell small-auto large-shrink show-for-large">
                            {{ include('layout/nav/language.html.twig') }}
                        </div>
                        <div class="spacer cell auto">
                        </div>
                        <div class="cell small-auto large-shrink">
                            {{ include('layout/nav/service.html.twig') }}
                        </div>
                    </div>
                    
                    <div class="spacer cell auto">
                    </div>
                    
                    <div class="cell shrink grid-x">
                        {{ include('layout/nav/main.html.twig') }}
                    </div>
                    
                    <div class="cell small-auto large-shrink hide-for-large">
                        {{ include('layout/nav/language.html.twig') }}
                    </div>
    
                </div>
                
            </div>
            
        </div>
    </div>
    
    <div class="off-canvas-content" data-off-canvas-content>
        <div class="page-wrap">