FROM CACHE - de_header

Den leeren Space zwischen Header und Body entfernen

Gelöst

Den leeren Space zwischen Header und Body entfernen

blackgonzalez
Tourist
5 0 1

Hallo zusammen,

 

wir nutzen das Theme "Refresh". Die Kunden-spezifischen Seiten (Login, Konto, etc.) haben einen leeren Space zwischen Header und Body. Wie können wir diesen bei den spezifischen Seiten entfernen? Vielen Dank vorab für Ideen

 

2024-03-26_13h51_58.png

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
18475 2895 4263

Erfolg.

Hey @blackgonzalez 

 

Darf ich dazu fragen ob das der alte Login bzw. die klassische Kundenkonten? Wenn ja, könnt ihr mal auf die neue Kundenkonten wechseln?

 

 

 

 

Dieser bietet eine viel verbesserte Login Experience!

 

Wenn ihr es trotzdem DIY machen wollt:

Um den leeren Raum zwischen dem Header und dem Inhalt auf kundenspezifischen Seiten in deinem "Refresh"-Theme zu entfernen, musst du möglicherweise CSS-Anpassungen vornehmen. Es sieht so aus, als ob der Raum durch die standardmäßigen Abstandseinstellungen (Margins oder Paddings) des Themes verursacht wird. Du kannst versuchen, spezifische CSS-Regeln hinzuzufügen, um den oberen Abstand (Margin oder Padding) der .customer Class oder des übergeordneten Elements, das den leeren Raum verursacht, zu reduzieren oder zu entfernen. Es könnte hilfreich sein, die Developer Console deines Browsers zu nutzen, um genau zu bestimmen, welches Element den Abstand verursacht, und dann gezielt diesen Abstand anzupassen, wie hier abgebildet:

 

image.png

 

Oder lass mich hier den genauen HTML Code deines Paddings wissen!

 

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

Lösung in ursprünglichem Beitrag anzeigen

1 ANTWORT 1

Gabe
Shopify Staff
18475 2895 4263

Erfolg.

Hey @blackgonzalez 

 

Darf ich dazu fragen ob das der alte Login bzw. die klassische Kundenkonten? Wenn ja, könnt ihr mal auf die neue Kundenkonten wechseln?

 

 

 

 

Dieser bietet eine viel verbesserte Login Experience!

 

Wenn ihr es trotzdem DIY machen wollt:

Um den leeren Raum zwischen dem Header und dem Inhalt auf kundenspezifischen Seiten in deinem "Refresh"-Theme zu entfernen, musst du möglicherweise CSS-Anpassungen vornehmen. Es sieht so aus, als ob der Raum durch die standardmäßigen Abstandseinstellungen (Margins oder Paddings) des Themes verursacht wird. Du kannst versuchen, spezifische CSS-Regeln hinzuzufügen, um den oberen Abstand (Margin oder Padding) der .customer Class oder des übergeordneten Elements, das den leeren Raum verursacht, zu reduzieren oder zu entfernen. Es könnte hilfreich sein, die Developer Console deines Browsers zu nutzen, um genau zu bestimmen, welches Element den Abstand verursacht, und dann gezielt diesen Abstand anzupassen, wie hier abgebildet:

 

image.png

 

Oder lass mich hier den genauen HTML Code deines Paddings wissen!

 

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