Das Suchfeld verschieben, aber wie?

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

 

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

 

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

 

habe ich die header.less  schon geändert,

 

diese sieht jetzt so aus.

 

Das Suchfeld soll weiter noch rechts und mehr nach oben.

Das funktioniert aber nicht. Was mache ich falsch

 

// Smartphone

.header-main {

  .logo-main {

    .logo–link, .logo–shop {

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

    }

  }

}

 

 

// Search entry

        .entry–search {

            .unitize(font-size, 14);

            position: absolute;

            left: 30%;

            margin-right: 30%;

            background: #fff;

            padding: 0;

            border: 0 none;

            width: 50%;

      }

    }

  }

 

// Smartphone Landscape

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

  .header-main {

    .logo-main {

      .logo–link, .logo–shop {

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

      }

    }

  }

}

 

// Tablet

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

  .header-main {

    .logo-main {

      .logo–link, .logo–shop {

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

      }

    }

  }

}

 

// Tablet Landscape

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

  .header-main {

    .logo-main {

      .logo–link, .logo–shop {

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

      }

    }

  }

}

 

// Desktop

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

  .header-main {

    .logo-main {

      .logo–link, .logo–shop {

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

      }

    }

  }

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 :slight_smile:

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

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