# Suchfeld Header verschieben

**URL:** <https://forum.shopware.com/t/suchfeld-header-verschieben/32755>\
**Category:** Themes & Design\
**Created:** [3. Dezember 2015 um 23:19 UTC](https://forum.shopware.com/t/suchfeld-header-verschieben/32755 "2015-12-03T23:19:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![danwir](https://avatars.discourse-cdn.com/v4/letter/d/eada6e/32.png) [@danwir](https://forum.shopware.com/u/danwir)\
**Post date:** [3. Dezember 2015 um 23:19 UTC](https://forum.shopware.com/t/suchfeld-header-verschieben/32755/1 "2015-12-03T23:19:36Z")

</div>

Hallo, ich habe das Suchfeld unter die Optionen " Mein Konto" und Warenkorb verschoben. Allerdings habe ich das über % Verschiebung gemacht, nicht wirklich professionell. `// Search entry .entry--search { width: 33.6%; .unitize(font-size, 14); left:66.4%; top :50%; }` Welchen Code müsste ich nehmen damit das Suchfeld immer rechtsbündig ausgerichtet ist ? Mit margin-left/ right hat es auch nicht sauber funktioniert. Anbei mal ein Bild zum Verständnis: Vielen Dank für eure Hilfe Dany

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [3. Dezember 2015 um 23:52 UTC](https://forum.shopware.com/t/suchfeld-header-verschieben/32755/2 "2015-12-03T23:52:10Z")

</div>

Warum sollen % nicht „professionell“ sein? Viele Wegen führen nach Rom. Ganz rechts wäre in dem Falle also: ` right: 0; left: inherit; margin-right: 0;`

---

<div class="post-metadata">

**Author:** ![danwir](https://avatars.discourse-cdn.com/v4/letter/d/eada6e/32.png) [@danwir](https://forum.shopware.com/u/danwir)\
**Post date:** [4. Dezember 2015 um 08:38 UTC](https://forum.shopware.com/t/suchfeld-header-verschieben/32755/3 "2015-12-04T08:38:28Z")

</div>

Guten Morgen, super vielen dank funktioniert auch. Bzgl. des Proffessionellen… dachte daran das mit % verschieben nicht so gut ist wie richtig ausrichten. Hatte die Befürchtung das es auf dem Tablet oder Smartphone ggf. verschiebt… macht es aber nicht ist ja nur im Desktop Teil drin 🙂 Zudem war die Angst das die Beowser es ggf. unterscheidlich anzeigen…passiert aber auch nicht, bei meinem IE, Chrome, Firefox passt alles. Also alles gut.Danke.

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [4. Dezember 2015 um 10:09 UTC](https://forum.shopware.com/t/suchfeld-header-verschieben/32755/4 "2015-12-04T10:09:35Z")

</div>

Die % Zahl geht ja auch immer von der Gesamtbreite des Mutter Elements aus. Daher ist die % hier überall gleich und kann garnicht abweichen. Allerdings ist natürlich die pixelgenaue positionierung nicht wirklich einfach mit % und daher hier auch wohl der falsche Weg, wenn du bspw. ein px genaues Design anpassen musst. Aufgrund der Media Queries kannst du hier auch noch sagen, ob es für Desktop, Tablet oder Smartphone sein soll -\> [https://developers.shopware.com/styleti … cture.html](https://developers.shopware.com/styletile/%5C_variables-structure.html)