stack/src/components/main-header/main-header.twig line 1

Open in your IDE?
  1. <header class="m-header">
  3.   <div class="container">
  4.     <div class="m-header__body d-flex align-items-center gap-2 u-posr">
  6.       {% include "@Components/main-header/main-header-logo/main-header-logo.twig" with {props: {
  7.         img: {
  8.           src: base_path ~ "images/svg/logo.svg",
  9.           width: 169,
  10.           height: 48,
  11.           alt: "logo",
  12.           url: props.homepage_url,
  13.         },
  14.       }} %}
  16.       <div class="m-header__side-menu ms-auto d-flex align-items-center">
  18.         <div class="m-header__search d-none d-lg-flex">
  19.           {% include "@Components/main-header/main-header-search/main-header-search.twig" with {props: props.search} %}
  20.         </div>
  21.         {% if props.languages %}
  22.           {% include "@Components/language-select/language-select.twig" with {props: props.languages} %}
  23.         {% endif %}
  24.         {% include "@Components/button/button-nav-opener.twig" %}
  26.       </div>
  28.     </div>
  30.     {% include "@Components/main-nav/main-nav.twig" with {props: props} %}
  32.   </div>
  34.   {% include "@Components/overlay/overlay.twig" with {props: {
  35.     extra_class: "c-overlay-header",
  36.   }} %}
  38. </header>