Transparenter Header auf Passwortseite

Topic summary

Ziel: Auf der Passwortseite soll das Bild vollflächig erscheinen und den weißen Header-Balken überdecken (Dawn 11.0). Der Footer wurde bereits versteckt, der Header muss wegen Logo/Login bleiben.

Ansätze: Empfohlen wurden z-index (Ebenenreihenfolge) und ein transparenter Header-Hintergrund; beides half nicht. Weitere Vorschläge: negative margin, overflow: visible am Bild-Container, oder das Bild absolut im Header positionieren (100vw/100vh, object-fit: cover) mit angepasstem z-index.

Editor-Limitierungen: Der/die Fragesteller:in kann in manchen benutzerdefinierten CSS-Feldern keine @media-Queries (Responsive-CSS-Regeln wie @media screen and (min-width: 750px)) speichern; Fehlermeldung: „Sitzung im Onlineshop-Editor kann nicht veröffentlicht werden.“ Antwort: Bestätigte Einschränkungen der CSS-Eingabefelder laut Shopify-Dokumentation; Hinweise zu Syntaxprüfung, Konfliktregeln, Copy/Paste aus Editor und ggf. Support-Kontakt.

Ergebnis: Die Lösung über negative margin wurde erfolgreich umgesetzt. Aufgrund der Abschnitts-Limitierungen auf Passwortseite/Footer werden weitere Anpassungen direkt im Code vorgenommen. Diskussion faktisch abgeschlossen. Ein Screenshot der Ausgangssituation war beigefügt.

Summarized with AI on January 22. AI used: gpt-5.

@Gabe Hey, vielen Dank für die Antwort. Das mit der transparenten Hintergrundfarbe habe ich bereits versucht gehabt. Jedoch ohne Erfolg. Auch mit dem “z-index” funktioniert es leider nicht, da das Bild nicht über die Grenze des Headers geht. Ich habe die Höhe des Banners auch auf 100% eingestellt, also sollte es ja eigentlich funktionieren. :confused: