# Search - menu offcanvas

**URL:** <https://forum.shopware.com/t/search-menu-offcanvas/94042>\
**Category:** Shopware 6 (English)\
**Tags:** programming, templates--design, themes--design\
**Created:** [21. April 2022 um 13:13 UTC](https://forum.shopware.com/t/search-menu-offcanvas/94042 "2022-04-21T13:13:18Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![michau](https://avatars.discourse-cdn.com/v4/letter/m/b3f665/32.png) [@michau](https://forum.shopware.com/u/michau)\
**Post date:** [21. April 2022 um 13:13 UTC](https://forum.shopware.com/t/search-menu-offcanvas/94042/1 "2022-04-21T13:13:18Z")

</div>

Hi.

I have been trying to make a search in the menu for several days without result. I added a search in: _/src/Resources/views/storefront/utilities/offcanvas.html.twig_ and is visible but not working in flyout-menu.

```auto
{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}

{% block utilities_offcanvas %}
    {% block utilities_offcanvas_close %}
        <button class="btn btn-light btn-block offcanvas-close js-offcanvas-close sticky-top">
            {% block utilities_offcanvas_close_icon %}
                {% sw_icon 'x' style { 'size': 'sm' } %}
            {% endblock %}

            {% block utilities_offcanvas_close_text %}
                {{ "general.offcanvasCloseMenu"|trans|sw_sanitize }}
            {% endblock %}
        </button>
    {% endblock %}

    <form action="{{ path('frontend.search.page') }}"
          method="get"
          data-search-form="true"
          data-url="{{ path('frontend.search.suggest') }}?search="
          class="header-search-form">
        {% block layout_header_search_input_group %}
            <div class="input-group">
                {% block layout_header_search_input %}
                    <input type="search"
                           name="search"
                           class="form-control header-search-input"
                           autocomplete="off"
                           autocapitalize="off"
                           placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
                           aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
                           value="{{ page.searchTerm }}"
                    >
                {% endblock %}

                {% block layout_header_search_button %}
                    <div class="input-group-append">
                        <button type="submit"
                                class="btn header-search-btn"
                                aria-label="{{ "header.searchButton"|trans|striptags }}">
                                    <span class="header-search-icon">
                                        {% sw_icon 'search' %}
                                    </span>
                        </button>
                    </div>
                {% endblock %}
            </div>
        {% endblock %}
    </form>

    {% block utilities_offcanvas_content_container %}
        <div class="offcanvas-content-container">
            {% block utilities_offcanvas_content %}{% endblock %}
        </div>
    {% endblock %}
{% endblock %}

```

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/0/8/0861861980712becb356640f79dc534fe1119874.png)

Without changing anything I checked if search working on others offcanvas and… working!

I don’t know why search not working in left offcanvas. Can anyone tell me how to make a search in flyout-menu?

---

<div class="post-metadata">

**Author:** ![michau](https://avatars.discourse-cdn.com/v4/letter/m/b3f665/32.png) [@michau](https://forum.shopware.com/u/michau)\
**Post date:** [21. April 2022 um 13:14 UTC](https://forum.shopware.com/t/search-menu-offcanvas/94042/2 "2022-04-21T13:14:15Z")

</div>

![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/0/d/0da1e3eda7d004ef3af673b24724396bb2bd50be.png)

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [23. April 2022 um 12:38 UTC](https://forum.shopware.com/t/search-menu-offcanvas/94042/3 "2022-04-23T12:38:50Z")

</div>

Without looking into the code I guess the search depends on JavaScript. Maybe the selector on the right offcanvas matches and it does not in the left side.