# Wie kann ich die Serarchbox positionieren?

**URL:** <https://forum.shopware.com/t/wie-kann-ich-die-serarchbox-positionieren/49546>\
**Category:** Themes & Design\
**Created:** [18. November 2017 um 13:34 UTC](https://forum.shopware.com/t/wie-kann-ich-die-serarchbox-positionieren/49546 "2017-11-18T13:34:04Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Franz\_H](https://avatars.discourse-cdn.com/v4/letter/f/b3f665/32.png) [@Franz\_H](https://forum.shopware.com/u/Franz_H)\
**Post date:** [18. November 2017 um 13:34 UTC](https://forum.shopware.com/t/wie-kann-ich-die-serarchbox-positionieren/49546/1 "2017-11-18T13:34:04Z")

</div>

Hallo,  
wer kann mir sagen, wie ich die Searchbox im Header von der Standardposition (rechts neben dem Logo) nach rechts neben dem Hauptmenü bekomme?  
Ich habe bereits den ganzen Block frontend\_index\_search aus der shop-navigation.tpl raus und in die main-navigation.tpl reingenommen.  
Jetzt wird die Serchbox auch im richtigen Bereich angezeigt, aber zentriert und überlagert das Hauptmenü. Wie bekomme ich nun die Searchbox rechtsbündig neben das Hauptmenü?  
Danke  
Franz &nbsp; &nbsp;

---

<div class="post-metadata">

**Author:** ![Orangenjager](https://avatars.discourse-cdn.com/v4/letter/o/ea666f/32.png) [@Orangenjager](https://forum.shopware.com/u/Orangenjager)\
**Post date:** [20. November 2017 um 08:11 UTC](https://forum.shopware.com/t/wie-kann-ich-die-serarchbox-positionieren/49546/2 "2017-11-20T08:11:35Z")

</div>

Das musst du im CSS anpassen. Neben den .tpl-Dateien musst du auch die .less-Dateien in deinem eigenen Theme anlegen und die entsprechenden Teile überschreiben. Im Browser rechtsklick auf die Suchleiste und “Element untersuchen” wählen. In der sich öffnenden Leiste dann das CSS so lange anpassen, bis das gewünschte Ergebnis erreicht ist.  
Zuletzt alle gerade durchgeführten Änderungen in der eigenen .less-Datei hinterlegen.

Sorry, wenn du mehr Hilfe erwartet hast, aber die Arbeit kann dir leider niemand im Forum abnehmen.

---

<div class="post-metadata">

**Author:** ![Franz\_H](https://avatars.discourse-cdn.com/v4/letter/f/b3f665/32.png) [@Franz\_H](https://forum.shopware.com/u/Franz_H)\
**Post date:** [2. Dezember 2017 um 17:51 UTC](https://forum.shopware.com/t/wie-kann-ich-die-serarchbox-positionieren/49546/3 "2017-12-02T17:51:34Z")

</div>

Hallo,

danke.

Das war&nbsp;mir soweit aber schon klar.  
Es geht mir auch nicht darum, dass mir irgendjemand die Arbeit abnimmt.

Habe mittlerweile weiter experimentiert und bekomme nun die Serachbox auch rechtsbündig in der richtigen Zeile und nach dem Hauptmenü hin.  
Nur wenn ich den Bildschirm verkleinere, überlagert mir die Searchbox wieder das Hauptmenü.  
Ich bekomme das einfach nicht hin, dass die Searchbox generell nach dem letzten Punkt des Hauptmenüs beginnt und eben am jeweiligen rechten Bildschirmrand endet.

Ich hab’s mittlerweile auch entnervt aufgegeben.

Franz

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [3. Dezember 2017 um 16:43 UTC](https://forum.shopware.com/t/wie-kann-ich-die-serarchbox-positionieren/49546/4 "2017-12-03T16:43:08Z")

</div>

Das hat bedingt was mit Shopware zu tun. Hier geht es los:&nbsp;[CSS Tutorial](https://www.w3schools.com/css/)