Logo mittig ausrichten Honeygrid /Style Edit3

Nabend,

dafür mußt du zuerst die Suche und den kleinen Warenkorb im Header deaktivieren.
Danach die Gridspalten für das Logo auf 12 stellen und zum guten Schluß ->
den CSS Code in deinen StyleEditor schreiben.

Code:

#navbar-brand a
{background-position: 50% 50%;}

 

...und das alles nur, um ein Logo mittig im Kopfbereich einer Seite zu zentrieren...

 

Naja, vlt. geht´s auch anders. Glaub ich aber nicht.

 

Lade das Logo nicht als Logo, sondern mit dem Style-Editor als Hintergrundbild.
Allerdings ist der Link zur Startseite dann nicht da.
Wenn Du den Link oben links im Header haben möchtest, kannst Du einfach ein Transparentes Dummy-Bild als Logo hochladen.

 

Sehr gute Variante Barbara
Dann kann man den Warenkorb und die Suche ja doch wieder unterbringen.
Wenn dann nur nicht der mögliche Bug mit dem Header Background das Vorhaben scheitern lässt.

 

@barbara

Die Idee ist nicht sehr gut ! Denn somit wird es auf mobilen Endgeräten nicht angezeigt. Somit hat man dann nur einen weißen Kasten...... Da gibt es bestimmt einen Lösungsansatz

 

Stimmt, ich vergesse immer die kleinen Dinger

 

Das funktioniert auch Mobile.
Man muss dafür nur ein extra Bild hochladen.
Dafür gibt es doch extra ein Feld im SE3

 

Mein Logo ist Mittig ausgerichtet. Ich hab im SE3 die Gridspalten auf 12 gestellt. Logo Breite und Logo Höhe eingestellt und das wars.

Nicht ganz hatte vergessen, dass ich mit CSS noch folgendes eingefügt hatte:

#navbar-brand a {
background-position: 50% 50%
}

 

Genau das hatte ich ja geschrieben.
Ich sehe, du hast WK und die Suche unter die Navileiste gesetzt. Auch gut

 

Stimmt. Nur muss die Suche und der Warenkorb nicht deaktiviert werden.

Mein aktueller shop läuft noch mit EyeCandy.

Honey bin ich gerade drüber. Da war die Sache mit der Suche und WK gar nicht so leicht.

 

Wenn du im Bearbeitungsmodus bist dann klicke noch mal auf den zu bearbeitenden Style.

 

wie bekomme ich bei honygrid das logo in die mitte zentriert, das suchefeld direkt darunter und der warenkorb soll bleiben wo er ist? wenn ich die schritte hier durchführe verschiebt sich alles!

 

boa - toll, dass hat auch bei mir geklappt! Aber jetzt hängt die Kategorienleiste zu weit unten, wie krieg ich die nun wieder hochgeschoben???? Ausserdem, muß man jetzt ganz auf den Warenkorb verzichten, oder wo könnte man den noch unter birngen? Ich hätte ihn sowieso viel lieber oben in der Top-Navigation????
lg
Martina

 

Hallo, wo genau muss ich denn den Code ergänzen, um das Logo mittig zu haben?

@media (min-width: $grid-float-breakpoint) {
#outer-wrapper {
@include box-shadow(0 0 10px rgba(0, 0, 0, .3));
}
#topbar-container {
background: transparent;
margin-top: -30px;
@include border-top-radius(10px);
.navbar-topbar {
margin-right: 30px;
}
}
#footer {
@include border-bottom-radius(10px);
}
}

 

@möchtegern_webmaster ,

im StyleEdit3 unter eigenes css einfügen.