Transparenten Header Impact theme

[purzen]

Guten Tag,
Ich brauche für mein Impact Theme einen Transparenten Header. ich habe an erster Stelle ein custom liquid mit einem Video. Shopify sagt man kann nur einen Transparenten Header einstellen, wenn an erster Stelle ein Bild ist.
Bitte um Hilfe. Danke!

[daniell005 · Accepted solution]

Doch, das ist möglich. Dafür einfach in der rechten Spalte folgende Checkbox aktivieren:

 

[elevateagentur]

Hey,
zunächst musst du im Theme-Editor nach den Header-Einstellungen suchen. 

Danach kannst du unter "Custom CSS" diesem CSS Code in den Header einfügen:

.header-wrapper {
background: rgba(255, 255, 255, 0.08);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
}

 

[purzen]

Hey,
erstmal danke für deine Antwort! hab das grade ausprobiert klappt leider nicht. hab mir auch sämtliche Tutorials angeschaut, Hat alles leider nix geholfen...

[daniell005]

Hallo Purzen,

genau, von Haus aus kann man im Impact Theme nur einen transparenten Header einstellen, sofern an erster Stelle eine Original Impact Theme Foto- oder Video Section steht. Ich nehme an der Header soll nur anfangs transparent sein und dann beim scrollen eine Hintergrundfarbe bekommen?
Die transparente Header Funktion nachzubauen dürfte komplizierter sein, Javascript Kenntnisse und CSS sollten dafür nötig sein.
Die standart Video Section vom Impact Theme ist keine alternative?
Lieben Gruß

Daniel

[purzen]

Hey Daniel,
Danke für deine Antwort. wenn ich die normale Video-section verwenden wiederholt sich das Video nicht von alleine und spielt auch nicht von alleine ab. deswegen leider keine Alternative.

[daniell005 · Accepted solution]

Doch, das ist möglich. Dafür einfach in der rechten Spalte folgende Checkbox aktivieren:

 

[purzen]

Vielen Danke, das funktioniert! 

[daniell005 · Accepted solution]

Super! Würde mich freuen, wenn du meine Nachricht als Lösung markierst.
Viel Erfolg noch mit dem Impact Theme!

Gruß Daniel