{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
{% block layout_header_logo %}
{{ block('layout_header_navigation_toggle_tablet') }}
<div class="col-12 col-sm-auto header-logo-col">
{% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
</div>
{% endblock %}
{% block layout_header_navigation_toggle_tablet_button %}
<button class="btn nav-main-toggle-btn header-actions-btn"
type="button"
data-offcanvas-menu="true"
aria-label="{{ "general.menuLink"|trans|striptags }}">
{% block layout_header_navigation_toggle_tablet_button_icon %}
{% sw_icon 'stack' %}
{% endblock %}
</button>
{% endblock %}
{% block layout_header_search_toggle %}
<div class="col-auto">
<div class="search-toggle">
<button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
type="button"
data-toggle="collapse"
data-target="#searchCollapse"
aria-expanded="false"
aria-controls="searchCollapse"
aria-label="{{ "header.searchButton"|trans|striptags }}">
{% sw_icon 'search' %}
</button>
</div>
<div class="col">
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
</div>
</div>
{% endblock %}
{% block layout_header_search %}
{% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% endblock %}