Subsite Header
The header for subsites is usually used with the main header:
{{ attach_library('h4h_theme/header-subsite') }}
{# Include the main sprite with icons used by the header and footer. #}
{% include "@h4h_theme/icons/assets/sprite.svg.twig" %}
<header role="banner" class="header-subsite {{ modifier_class }}">
<div class="header-subsite__content l-center">
<div class="header__left header-subsite__left">
<div class="header-subsite__title">
<a href="{{ link }}" rel="home" class="header-subsite__link">
{%- if subsite_logo %}
{{- subsite_logo|raw -}}
{% else %}
{{- subsite_title -}}
{% endif -%}
</a>
</div>
</div>
<div class="header__mobile">
{%
include "@h4h_theme/mobile-bar/mobile-bar.twig" with {
modifier_class: 'mobile-bar--basic',
data_target: '#subsite-header-dropdown-' ~ modifier_class,
icon_name: 'dots',
menu_bar_text: 'More'|t
} only
%}
</div>
{# Add a unique class in case there's more than one subsite headers. #}
<div class="header__right header-subsite__right js-subsite-dropdown" id="subsite-header-dropdown{{ '-' ~ modifier_class }}">
<div class="header__top-bar">
</div>
<div class="header__nav header-subsite__nav">
{%
include "@h4h_theme/main-menu/main-menu.twig" with {
modifier_class: 'main-menu--basic',
items: menu.items,
more_text: menu.more_text
} only
%}
{% if alternate_language_link is not empty %}
{%
include "@h4h_theme/language-selector/language-selector.twig" with {
language_version: language_version,
alternate_language_link: alternate_language_link,
} only
%}
{% endif %}
</div>
</div>
</div>
</header>