FROM CACHE - de_header

Dawn Theme Passwortseite Hintergrund

Gelöst
julius_richter
Tourist
24 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
44 16 11

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

 

 

 

At Oskar Studio, we help new and existing Shopify customers achieve sustainable success. We accompany you during the opening of your store or during the continuous optimization to make your store as unique as you are.

Lösung in ursprünglichem Beitrag anzeigen

6 ANTWORTEN 6
OS-Mitch
Shopify Partner
44 16 11

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
}

 

At Oskar Studio, we help new and existing Shopify customers achieve sustainable success. We accompany you during the opening of your store or during the continuous optimization to make your store as unique as you are.
julius_richter
Tourist
24 0 3

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

OS-Mitch
Shopify Partner
44 16 11

@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.

At Oskar Studio, we help new and existing Shopify customers achieve sustainable success. We accompany you during the opening of your store or during the continuous optimization to make your store as unique as you are.
julius_richter
Tourist
24 0 3

@OS-Mitch 

Gerne 🙂

devorsclo.com

OS-Mitch
Shopify Partner
44 16 11

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

 

 

 

At Oskar Studio, we help new and existing Shopify customers achieve sustainable success. We accompany you during the opening of your store or during the continuous optimization to make your store as unique as you are.
julius_richter
Tourist
24 0 3

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