Header bearbeiten

[lloeffler]

Hallo allerseits,

ich richte gerade meinen Online-Shop ein und möchte das Logo ganz links und den Warenkorb- und Such-Icon ganz rechts dargestellt haben. Dazu finde ich allerdings keine Einstellung.

Momentan befinden sich die Abbildungen eher mittig, was nicht so gut aussieht. Ein Bild von der jetzigen Situation habe ich mal dargestellt:

Kennt jemand das Problem und weiß, wie man das beheben kann?

Vielleicht kann man die Breite der Seitenränder für das Header irgendwie anpassen.

MFG Löffler

[Kai]

Hi Lloeffler,

ich helfe dir gerne dabei einen Weg zu finden den Header deines Shopify Shops anzupassen.

Dazu müsste ich bitte einmal wissen welches Theme du benutzt? Wer dein Theme entwickelt hat und unterstützt siehst du so nach.

Ich freue mich auf deine Antwort,

[lloeffler]

Hallo Kai,

vielen Dank für Ihre Antwort. Ich verwende das Theme:

„Dawn 7.0.1

Design und Support von Shopify“

Wie kann ich den Header in das gewünschte Format anpassen?

Vielen Dank im Voraus. LG

[Kai · Accepted solution]

Hi Lloeffler,

vielen Dank für den Namen des Themes.

Ich habe in meinem Testshop selber einmal die Logopositionen fur Dawn 7.0.1 ausprobiert. Hier habe ich dort das Logo links positioniert. Verstehe ich deinen Wunsch richtig, dass du diesen Abstand hier verkleinern möchtest?

Dies kannst du im Themecode anpassen, wie ich in diesem kurzen Video einmal demonstriert habe.

Du passt also folgenden CSS-Code am Ende der base.css-Datei wie genau erwünscht an:

@media(min-width:990px){
body .header{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}

Bevor du Code-Änderungen an deinem Shop vornimmst, also auch Apps installierst ist es immer ratsam vorher das eigene Theme zu duplizieren, damit du immer eine funktionierende Version deines Shopify Shops gespeichert hast.

Klappt das für dich?

Da du dich gerade mit dem Design deines Shopify Shops beschäftigst, dachte ich kannst du bestimmt auch von diesen Tips zum Thema profitieren. 

Wie weit bist du mit der Fertigstellung deines Shops insgesamt und gibt es noch andere Dinge mit denne ich dir behilflich sein kann?

[erasestudios]

Hey,

wie kann ich die Änderung speichern? Bei mir setzt sich das ständig wieder zurück zu den ursprünglichen Einstellungen...

Vielen Dank schonmal im voraus

[Kai]

Hi @erasestudios,

sobald du Anpassungen an deinem Theme(code) vornimmst wird ein Knopf zum speichern der Änderungen auswählbar:

Im Anschluss solltest du dann noch die Cookies löschen, damit dir auch definitiv die neue Version deines Shopify Shops angezeigt wird.

Klappt das für dich?

Da du dich gerade mit dem Design deines Shopify Shops beschäftigst, dachte ich kannst du bestimmt auch von diesen Tips zum Thema profitieren, die erläutern, wie man einen super Shopify Shop erstellt. Welcher dieser Tipps würdest du selber gerne umsetzen?

[TeddyTami]

Hallo Kai,

ich finde den von dir vorgeschlagenen CSS-Code am Ende der base.css-Datei nicht, kannst du mir weiterhelfen?

Beste Dank und Grüsse

[Gabe]

Hey @TeddyTami 

Da du ein anderes Theme verwendest wirst du die Theme Entwickler kontaktieren müssen. Die können dir am besten helfen. 

Ansonsten siehe ein paar Threads zum Thema hier die dir hoffentlich weiterhelfen können.

VG,