FROM CACHE - de_header

Dawn Theme Passwortseite Hintergrund

Gelöst

Dawn Theme Passwortseite Hintergrund

julius_richter
Tourist
26 0 3

Hallo zusammen!

Ich möchte gerne auf der Passwort-Seite meines Shops ein Hintergrundbild einfügen.

Das Dawn Theme bietet da ja schon eine Möglichkeit mit dem Bildbanner für das E-Mail Formular.

Ich habe den Banner auf "an Bild anpassen" gestellt. Das funktioniert für den Desktop super und der komplette Hintergrund ist ausgefüllt.

Jedoch nicht bei der mobilen Ansicht.

Gibt es da eine Möglichkeit das noch zu bearbeiten? Danke für die Hilfe 🙂

julius_richter_0-1669712831617.png

julius_richter_1-1669712852360.png

 

 

1 AKZEPTIERTE LÖSUNG
OS-Mitch
Shopify Partner
72 17 20

Erfolg.

@julius_richter ah schau mal, wenn du den vorherigen Code wieder entfernst und dem parent Div die Höhe 100% gibst, sollte es passen.

Versuche mal

.email-signup-banner.banner {height:100%}

Siehe Screenshot:

Bildschirm­foto 2022-11-30 um 12.31.21.png

Bildschirm­foto 2022-11-30 um 12.30.23.png

 

 

 

Wenn meine Antwort deine Frage beantwortet, markiere sie gerne als akzeptierte Lösung!

___
Oskar Studio - Wir sind dein Shopify Partner und helfen dir, erfolgreich auf Shopify zu starten!

Lösung in ursprünglichem Beitrag anzeigen

6 ANTWORTEN 6

OS-Mitch
Shopify Partner
72 17 20

Hi @julius_richter ,

 

schau mal in den Einstellungen des Banners, da solltest du ganz am Ende ein Kontrollkästchen namens "Auf Mobilgeräten Inhalt unterhalb der Bilder anzeigen" finden. Wenn du dieses deaktivierst wird deine Signup Form mobil auf dem Bild, nicht unter dem Bild angezeigt.

 

Am besten wählst du für die Bannerhöhe "Groß", da es ansonten mobil zu klein werden könnte. Alternativ kannst du das ganze natürlich mit eigenem CSS überschreiben, bspw. wenn du dem Banner die Höhe 100vh gibst.

 

.banner__media.media {
height: 100vh
}

 

Wenn meine Antwort deine Frage beantwortet, markiere sie gerne als akzeptierte Lösung!

___
Oskar Studio - Wir sind dein Shopify Partner und helfen dir, erfolgreich auf Shopify zu starten!
julius_richter
Tourist
26 0 3

Danke, das CSS habe ich jetzt probiert. Der Banner überdeckt jetzt die ganze Seite, jedoch auch den Footer.

OS-Mitch
Shopify Partner
72 17 20

@julius_richter magst du mir eben die Domain zum Shop durchschicken? Dann kann ich dir die genaue Klasse etc. nennen womit du das Bild fullscreen bekommst.

Wenn meine Antwort deine Frage beantwortet, markiere sie gerne als akzeptierte Lösung!

___
Oskar Studio - Wir sind dein Shopify Partner und helfen dir, erfolgreich auf Shopify zu starten!
julius_richter
Tourist
26 0 3

@OS-Mitch 

Gerne 🙂

devorsclo.com

OS-Mitch
Shopify Partner
72 17 20

Erfolg.

@julius_richter ah schau mal, wenn du den vorherigen Code wieder entfernst und dem parent Div die Höhe 100% gibst, sollte es passen.

Versuche mal

.email-signup-banner.banner {height:100%}

Siehe Screenshot:

Bildschirm­foto 2022-11-30 um 12.31.21.png

Bildschirm­foto 2022-11-30 um 12.30.23.png

 

 

 

Wenn meine Antwort deine Frage beantwortet, markiere sie gerne als akzeptierte Lösung!

___
Oskar Studio - Wir sind dein Shopify Partner und helfen dir, erfolgreich auf Shopify zu starten!
julius_richter
Tourist
26 0 3

@OS-Mitch Wow! Sehr cool hat funktioniert. Danke dir 🙂