# Breakpoint für header-main anpassen

**URL:** <https://forum.shopware.com/t/breakpoint-fur-header-main-anpassen/69183>\
**Category:** Themes & Design\
**Created:** [26. August 2020 um 09:58 UTC](https://forum.shopware.com/t/breakpoint-fur-header-main-anpassen/69183 "2020-08-26T09:58:47Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [26. August 2020 um 09:58 UTC](https://forum.shopware.com/t/breakpoint-fur-header-main-anpassen/69183/1 "2020-08-26T09:58:47Z")

</div>

Hallo zusammen,

ich experimentiere gerade mit einem eigenen Theme für Shopware 6 herum. Nun würde ich gerne den Breakpoint explizit für den Header anpassen (aktuell wird ja bei 576 px z. B. die Eingabemaske der Suche ausgeblendet und erst bei Klick auf die Lupe wieder eingeblendet). Diesen Effekt hätte ich nun schon gerne bereits bei 900 px Viewport.

Ich habe gedacht, das vielleicht das Hochsetzen der Variable “–breakpoint-sm” im CSS ausreichen könnte, das ist allerdings nicht der Fall.

Vielen Dank für Hinweise!

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [31. August 2020 um 18:53 UTC](https://forum.shopware.com/t/breakpoint-fur-header-main-anpassen/69183/2 "2020-08-31T18:53:59Z")

</div>

Niemand eine Idee hierzu? Ich habe inzwischen so alles durch, was mir einfällt…

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [15. September 2020 um 20:12 UTC](https://forum.shopware.com/t/breakpoint-fur-header-main-anpassen/69183/3 "2020-09-15T20:12:58Z")

</div>

Shopware-Team? Ein kleiner Tipp?

---

<div class="post-metadata">

**Author:** ![ural](https://avatars.discourse-cdn.com/v4/letter/u/b5e925/32.png) [@ural](https://forum.shopware.com/u/ural)\
**Post date:** [16. September 2020 um 12:28 UTC](https://forum.shopware.com/t/breakpoint-fur-header-main-anpassen/69183/4 "2020-09-16T12:28:51Z")

</div>

Versuch das mal:

\_header.scss

```
@include media-breakpoint-up(sm) {
    .header-search-col {
        .collapse:not(.show) {
            display: none;
        }
    }
}

@include media-breakpoint-up(lg) {
    .header-search-col {
        .collapse:not(.show) {
            display: block;
        }
    }
}

```

&nbsp;header.html.twig

```
{% block layout_header_search_toggle %}
 
....
```