# Suchfeld im Header ausblenden / als Button darstellen **URL:** \ **Category:** Themes & Design\ **Created:** [23. April 2015 um 11:18 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439 "2015-04-23T11:18:09Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![OliverSt](https://avatars.discourse-cdn.com/v4/letter/o/7c8e57/32.png) [@OliverSt](https://forum.shopware.com/u/OliverSt)\ **Post date:** [23. April 2015 um 11:18 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/1 "2015-04-23T11:18:09Z")
Hallo, besteht die Möglichkeit das Suchfeld im Header bei der Desktop-Ansicht auszublenden und wie bei der Mobilen-Ansicht als Button darzustellen? Viele Grüße Oliver ---
**Author:** ![americandy](https://avatars.discourse-cdn.com/v4/letter/a/35a633/32.png) [@americandy](https://forum.shopware.com/u/americandy)\ **Post date:** [23. April 2015 um 14:28 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/2 "2015-04-23T14:28:59Z")
Ich versuche es auch gerade, bekomme es aber zur Zeit noch nicht so hin :wtf: ---
**Author:** ![benblub](https://avatars.discourse-cdn.com/v4/letter/b/ebca7d/32.png) [@benblub](https://forum.shopware.com/u/benblub)\ **Post date:** [24. April 2015 um 08:38 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/3 "2015-04-24T08:38:17Z")
Das geht über die media querys ---
**Author:** ![OliverSt](https://avatars.discourse-cdn.com/v4/letter/o/7c8e57/32.png) [@OliverSt](https://forum.shopware.com/u/OliverSt)\ **Post date:** [24. April 2015 um 13:29 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/4 "2015-04-24T13:29:01Z")
Vielen Dank! Die media querys werden in diesem Fall in der Datei header.less definiert oder verstehe ich das falsch? Viele Grüße Oliver ---
**Author:** ![tollesding](https://avatars.discourse-cdn.com/v4/letter/t/f05b48/32.png) [@tollesding](https://forum.shopware.com/u/tollesding)\ **Post date:** [1. Mai 2015 um 13:16 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/5 "2015-05-01T13:16:40Z")
Kann mir das mal genau erklären? Danke Gruß Stevie;) ---
**Author:** ![owasab](https://avatars.discourse-cdn.com/v4/letter/o/ecb155/32.png) [@owasab](https://forum.shopware.com/u/owasab)\ **Post date:** [16. Mai 2015 um 02:15 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/6 "2015-05-16T02:15:26Z")
Ich habe das gleiche Anliegen und komme leider nicht weiter. Könnte jemand ein paar Tipps geben oder eine passende Header.less zur Verfügung stellen? Vielen Dank! ---
**Author:** ![regentanker](https://avatars.discourse-cdn.com/v4/letter/r/50afbb/32.png) [@regentanker](https://forum.shopware.com/u/regentanker)\ **Post date:** [16. Mai 2015 um 03:08 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/7 "2015-05-16T03:08:47Z")
Würde mich auch interessieren! ---
**Author:** ![RockyMountain](https://avatars.discourse-cdn.com/v4/letter/r/c5a1d2/32.png) [@RockyMountain](https://forum.shopware.com/u/RockyMountain)\ **Post date:** [27. November 2015 um 17:44 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/8 "2015-11-27T17:44:27Z")
Als Newbie ist das für mich auch interessant. Kann bitte jemand vom Shopware-Team zeitnah einen Lösungsansatz beschreiben. Das würde mir sehr helfen. Ich kämpfe noch mit der Umstellung aufs Responsive Theme und weiß oft nicht, wo ich für Änderungen hinlangen muss. ---
**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\ **Post date:** [27. November 2015 um 17:49 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/9 "2015-11-27T17:49:15Z")
Das wird euch für den Einstieg helfen: [https://developers.shopware.com/designers-guide/](https://developers.shopware.com/designers-guide/) Viele Grüße ---
**Author:** ![Markus123](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@Markus123](https://forum.shopware.com/u/Markus123)\ **Post date:** [28. November 2015 um 13:26 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/10 "2015-11-28T13:26:50Z")
Warum ist das Thema gelöst? Was ist denn die Lösung? [Hier](http://forum.shopware.com/themes-und-design-f101/javascript-dateien-nicht-uberschreibbar-t26547-20.html?hilit=Suchfeld%20als%20button) wurde das Thema schon einmal besprochen und wie es aussieht gelöst, aber auf einen völlig anderen Weg - nicht über less sondern irgendwie über php… Es wäre interessant beide Lösungen vergleichen zu können! ---
**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\ **Post date:** [28. November 2015 um 13:58 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/11 "2015-11-28T13:58:38Z")
Als Lösungsansatz könnte euch dieser Link helfen: [https://github.com/shopware/shopware/bl … .less#L445](https://github.com/shopware/shopware/blob/5.1/themes/Frontend/Responsive/frontend/%5C_public/src/less/%5C_modules/header.less#L445) ` @media screen and (min-width: @phoneLandscapeViewportWidth) { ... // Remove the mobile search position in all other viewports &.is--active { .main-search--form { top: 0; display: inline-block; } } } ` Viele Grüße ---
**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\ **Post date:** [1. Dezember 2015 um 06:30 UTC](https://forum.shopware.com/t/suchfeld-im-header-ausblenden-als-button-darstellen/26439/12 "2015-12-01T06:30:11Z")
Hallo, wie Markus123 schon gepostet hat, gibt es einen ähnlichen Thread. Wichtig ist, dass ihr euch auch die javascript Dateien anschaut, dort wird die Suche anhand der Größe des Gerätes (Smartphone oder Desktop) gesetzt.