Shopify-Themes, Liquid, Logos und ähnliche Themen
Hallo Community, ich möchte den Abstand im Header oben und unten gerne verkleinern da noch zu viel Platz ist.
Ich habe bei Abschnitts Padding schon alles auf 0 gestellt aber es ist mir trzdm noch zu viel.
Gibt es da noch andere Möglichkeiten oder muss man das im CSS ändern?
Wünsche euch noch einen mega Tag.
Hey @Logge
Danke für die Fragen und bei so einem Fall wäre ein befristeter Vorschaulink oder Link zu einem Beispiel sehr hilfreich das schneller zu analysieren, denn wir müssen ja wissen welches Theme du verwendest (Dawn?) und auch die CSS Class in deinem Theme in der Developer Console erkundigen.
Um den Abstand im Header oben und unten zu verkleinern, könntest du spezifische CSS-Eigenschaften anpassen, die sich auf das Padding und den Margin des Headers beziehen. Im vorgegebenen HTML-Code scheinen keine direkten Angaben zu Padding oder Margin im <header>
-Tag selbst zu sein. Daher musst du wahrscheinlich im dazugehörigen CSS nachsehen. Versuche, die .header
Klasse oder eine ähnliche, spezifische Klasse im CSS zu finden und dort das padding-top
, padding-bottom
, margin-top
und margin-bottom
zu verkleinern. Ohne direkten Zugriff auf das CSS ist eine genaue Anleitung schwierig, aber die Änderung dieser Werte sollte den gewünschten Effekt haben.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Habt ihr auch den Shop auf Ostern eingestellt das jetzt um die Ecke liegt? Warum nicht eine Ostereierjagd 🐣 in das Shop einbauen, um deinen Kunden etwas Gamification und Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024