{% sw_extends '@Storefront/storefront/layout/header/top-bar.html.twig' %}
{% block layout_header_top_bar %}
<div class="top-bar ">
{# Added div container #}
<div class="container-fluid container-kara">
<div class="row align-items-center">
<div class="col top-bar-feature">
{# {{shopware.theme['kara-top-bar-feature-one']}} #}
{{ 'Kara.header.featureOne'|trans|sw_sanitize }}
</div>
<div class="col top-bar-feature d-none d-sm-block">
{# {{shopware.theme['kara-top-bar-feature-two']}} #}
{{ 'Kara.header.featureTwo'|trans|sw_sanitize }}
</div>
<div class="col top-bar-feature d-none d-md-block">
{# {{shopware.theme['kara-top-bar-feature-three']}} #}
{{ 'Kara.header.featureThree'|trans|sw_sanitize }}
</div>
<div class="col top-bar-feature d-none d-xl-block">
{# {{shopware.theme['kara-top-bar-feature-four']}} #}
{{ 'Kara.header.featureFour'|trans|sw_sanitize }}
</div>
<div class="col-auto d-none d-lg-block">
<nav class="top-bar-nav">
{% block layout_header_top_bar_language %}
{% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %}
{% endblock %}
{% block layout_header_top_bar_currency %}
{% sw_include '@Storefront/storefront/layout/header/actions/currency-widget.html.twig' %}
{% endblock %}
{% block layout_header_top_bar_service %}
{% sw_include '@Storefront/storefront/layout/header/actions/service-menu-widget.html.twig' %}
{% endblock %}
</nav>
</div>
</div>
</div>
</div>
{% endblock %}