Ziel: Header so ausrichten, dass das Logo links und Warenkorb-/Such-Icons rechts stehen; aktuell wirken Elemente mittig. Wunsch nach Anpassung der Abstände/Seitenränder.
Theme: Dawn 7.0.1 (Shopify).
Vorgehen (für Dawn 7.0.1): Anpassung per CSS (Stylesheet base.css), um das Padding des Headers auf Desktop zu reduzieren. Eine kurze Videoanleitung zeigt die Umsetzung im Theme-Code-Editor. Empfehlung: Vor Änderungen das Theme duplizieren.
Speicher-/Anzeigeproblem: Änderungen müssen im Code-Editor aktiv gespeichert werden (Button). Anschließend Browser-Cookies löschen, damit die neue Version sicher angezeigt wird.
Abweichende Themes: Wenn die genannte CSS-Stelle im eigenen Theme fehlt, liegt vermutlich ein anderes Theme vor. Empfehlung: Theme-Entwickler kontaktieren; zusätzlich wurden ähnliche Diskussions-Threads verlinkt.
Status: Für Dawn 7.0.1 ist ein konkreter Lösungsweg beschrieben; es gibt keine Rückmeldung, ob das das Ausgangsproblem abschließend löst. Für andere Themes bleibt die Umsetzung offen.
Medien: Ein Screenshot des aktuellen Headers, ein kurzes Video zur Codeanpassung und Editor-Screenshots sind zentral für das Verständnis.
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
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,
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
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?
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
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?
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
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,
