Slider als Header - Text

Hallo,

ich habe mit ZP 13 und Modern Responsive einen Slider als Header verwendet, etwa HIER. Der Slider ist mit Inline-CSS auf 'height: 300px;' gesetzt und ich habe die H1-Überschrift in den Header gebaut und vertikal mittig ausgerichtet. Leider ist sie nur zu sehen, wenn der Browser entsprechend schmal ist.

Wie bekomme ich es hin, dass der Text IMMER zu sehen ist (mobil und Cinema-Breite)? Geht das überhaupt? Ich möchte halt so gern diesen Ken-Burns-Effekt. Und ich habe auch schon den Text oben ausgerichtet, aber dann ist er so eng am Bildrand, das sieht schlecht aus.

Da ich absoluter Laie bin, lasse ich mich gern belehren.

Viele Grüße und Danke, tobias

Hallo,

lang ist's her. Leider hat der Code nicht das erreicht, was ich mir vorgestellt habe. Ich habe es anders gelöst, indem ich einen Container mit Text über das Bild gelegt habe und folgendes Inline-CSS gegeben habe:

bei Container:

position: absolute; z-index: 70;

bei Reihe: margin-top: -130px;

Experten lachen vielleicht darüber, weil man es so nicht machen würde. Aber es funktioniert immerhin, siehe HIER.

Eine Sache möchte ich noch verbessern. Der Text soll immer linksbündig stehen. Was muss ich tun, damit er das auch macht?

Vielen Dank und beste Grüße, tobias