Hallo zusammen, ich bin aktuell dabei meine Passwortseite zu gestalten. Ich möchte, dass das Bild auf dem Screenshot über die ganze Seite geht. Der weiße Balken oben vom Header soll verschwinden. Den Footer habe ich bereits erfolgreich mittels css (display: none;) ausgeblendet. Jedoch kann ich das…

Hi @Mythik , du könntest das Bild mit einer negativen Margin über den Header legen, LG

Hey @Mythik Hast du das lösen können? Du könntest versuchen, die CSS-Eigenschaft z-index zu verwenden, um das Bild über den Header zu legen. Elemente mit einem höheren z-index werden über Elementen mit einem niedrigeren z-index dargestellt. Dann dem Bild einen höheren z-index als dem Header geben ¯…

@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, a…

@Mythik Das hört sich danach an, als ob der Container, der das Bild enthält, auf die Höhe des Headers beschränkt ist. Möglicherweise kann man das überwinden, indem man die CSS-Eigenschaft overflow des Containers auf visible setzen. Hier ist ein Beispiel: .container-class { overflow: visible; } D…

@Gabe Kann es sein, dass man in den Feldern für die benutzerdefinierten CSS Codes im Theme Editor nicht bei allen Feldern die Tags für die Bildschirmgrößen einfügen kann? Da man ja nicht wirklich etwas in den Code-Dokumenten, sondern besser in diesen Feldern im Theme Editor ändern soll, damit man da…

Hey @Mythik in den CSS Theme Editor Eingabefelder gibt es derzeit beschränkungen, wie man in unserer Anleitung hier lesen kann: [c021941f-42a7-43b8-b6fc-ab929fd82385.default.png] Ein paar generelle Tipps zum Problem: Stelle sicher, dass die Media Query korrekt formatiert ist. Jeder Syntaxfehle…

@Gabe Vielen Dank für die Aufklärung. Da das Banner auf der Passwortseite und der Footer im Store ja nicht auf Abschnittsebene funktionieren, wird es wohl daran liegen. Dann muss ich das wohl doch direkt in den Code Dokumenten ändern. @AnnaBe Vielen Dank für den Tipp mit der negativen Margin. Ich h…

@Mythik das freut mich :slightly_smiling_face:

Transparenter Header auf Passwortseite

Deutsch Diskussion Shopify-Diskussionen

AnnaBe July 31, 2023, 3:01pm 9

@Mythik das freut mich

Topic		Replies	Views
Header transparent; Header weiß beim Scrolling Shopify Design design , css	18	100	July 15, 2024
Overlap the header and make it transparent Store Design landing-page , shopify-themes , troubleshooting	14	110	February 3, 2025
Header ist im Hintergrund (Dawn Theme) (Header in Background) Technical Q&A	8	66	March 27, 2022
Dawn Theme - make header transparent and overlay image banner on all pages Store Design header	1	34	August 13, 2023
Problem with header Technical Q&A shopify-theme	13	64	August 21, 2024

Transparenter Header auf Passwortseite

Related topics