# Das Suchfeld verschieben, aber wie?

**URL:** <https://forum.shopware.com/t/das-suchfeld-verschieben-aber-wie/35443>\
**Category:** Themes & Design\
**Created:** [21. März 2016 um 19:56 UTC](https://forum.shopware.com/t/das-suchfeld-verschieben-aber-wie/35443 "2016-03-21T19:56:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![eurodrom](https://avatars.discourse-cdn.com/v4/letter/e/e274bd/32.png) [@eurodrom](https://forum.shopware.com/u/eurodrom)\
**Post date:** [21. März 2016 um 19:56 UTC](https://forum.shopware.com/t/das-suchfeld-verschieben-aber-wie/35443/1 "2016-03-21T19:56:21Z")

</div>

Hallo, ich möchte gerne das Suchfeld oben, &nbsp;verschieben nach rechts, und nach oben und kleiner machen, damit ich ein Logo oder Banner größer einbinden kann über den Kategorien.

&nbsp;

Zur &nbsp;Zeit geht es nicht, da das Suchfeld im Weg ist.

&nbsp;

unter /themes/Frontend/Rene/frontend/\_public/src/less/\_modules,

&nbsp;

habe ich die header.less &nbsp;schon geändert,

&nbsp;

diese sieht jetzt so aus.

&nbsp;

Das Suchfeld soll weiter noch rechts und mehr nach oben.

Das funktioniert aber nicht. Was mache ich falsch

&nbsp;

// Smartphone

.header-main {

&nbsp; .logo-main {

&nbsp;&nbsp;&nbsp; .logo–link, .logo–shop {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .unitize-height(50, 16); // Logohöhe = 50px

&nbsp;&nbsp;&nbsp; }

&nbsp; }

}

&nbsp;

&nbsp;

// Search entry

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .entry–search {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .unitize(font-size, 14);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; position: absolute;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; left: 30%;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin-right: 30%;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background: #fff;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; padding: 0;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border: 0 none;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: 50%;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp;&nbsp;&nbsp; }

&nbsp; }

&nbsp;

// Smartphone Landscape

@media screen and (min-width: @phoneLandscapeViewportWidth) {

&nbsp; .header-main {

&nbsp;&nbsp;&nbsp; .logo-main {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .logo–link, .logo–shop {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .unitize-height(80, 16); // Logohöhe =&nbsp; 80px

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp;&nbsp;&nbsp; }

&nbsp; }

}

&nbsp;

// Tablet

@media screen and (min-width: @tabletViewportWidth) {

&nbsp; .header-main {

&nbsp;&nbsp;&nbsp; .logo-main {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .logo–link, .logo–shop {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .unitize-height(70, 16); // Logohöhe =&nbsp; 70px

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp;&nbsp;&nbsp; }

&nbsp; }

}

&nbsp;

// Tablet Landscape

@media screen and (min-width: @tabletLandscapeViewportWidth) {

&nbsp; .header-main {

&nbsp;&nbsp;&nbsp; .logo-main {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .logo–link, .logo–shop {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .unitize-height(90, 16); // Logohöhe =&nbsp; 90px

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp;&nbsp;&nbsp; }

&nbsp; }

}

&nbsp;

// Desktop

@media screen and (min-width: @desktopViewportWidth) {

&nbsp; .header-main {

&nbsp;&nbsp;&nbsp; .logo-main {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .logo–link, .logo–shop {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .unitize-height(130, 16); // Logohöhe =&nbsp; 130px

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp;&nbsp;&nbsp; }

&nbsp; }

---

<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:** [21. März 2016 um 20:40 UTC](https://forum.shopware.com/t/das-suchfeld-verschieben-aber-wie/35443/2 "2016-03-21T20:40:46Z")

</div>

Bist du dir sicher, dass das Logo zu wenig Platz hat? Denn der Logo Container nimmt 30% der Breite ein.

Allerdings hat der innere Logo Container nur eine Breite von 82%.

```
.header-main .logo-main .logo--shop {
    width: 82%;
}

```

Vieleicht hilft es dir hier schon die Container Breite auf 100% zu setzen, damit hast du immerhin knapp 20% mehr Breite für das Logo 🙂

Übrigens musst du nicht schreiben:&nbsp;.unitize-height(130, 16); du kannst auch ganz einfach nur schreiben&nbsp;.unitize-height(130);

---

<div class="post-metadata">

**Author:** ![eurodrom](https://avatars.discourse-cdn.com/v4/letter/e/e274bd/32.png) [@eurodrom](https://forum.shopware.com/u/eurodrom)\
**Post date:** [22. März 2016 um 19:31 UTC](https://forum.shopware.com/t/das-suchfeld-verschieben-aber-wie/35443/3 "2016-03-22T19:31:50Z")

</div>

ok, habe ich gemacht, aber trotzdem ist das Suchfeld oben noch vorhanden und sich nichts an der Position und der Größe geändert.