Text on top of banner mobile

[Gamze1]

Wie bekomme ich die weiße Fläche unter dem Banner weg? Ich möchte auch gerne, dass der Text mittig auf dem Banner steht. Ich habe bereits einen Code eingefügt, sieht aber noch nicht ganz richtig aus. 

url: luumpi.de

[Simonsron]

@media screen and (max-width: 749px)
.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media{
   height:auto !important;
}
#Banner-template--17908190675211__d399f36e-d164-4cfa-98d9-c9378b7cb8d5 #myVideo{
   position:static !important;
}
}

Fügen Sie den obigen Code am Ende Ihrer base.css ein.

[Gamze1]

@Simonsron hallo,

es funktioniert leider nicht bzw. es hat sich nichts verändert 

[Gabe]

Hey @Gamze1 

Da du ja eine Reihe Anpassungen in deinem Theme einzubauen versuchst empfehlen wir das mit einem Programmierer zu machen denn so einfach ist das nicht.

Hast du schon mit einem oder einer gesprochen? Viele findest du in unserer privaten FB Gruppe hier.

[Gamze1]

In der Facebook Gruppe antwortet leider kaum jemand.

[Gabe]

@Gamze1 

Poste bitte deine Frage mal in diesem Leitfaden aber auf Englisch und mit allen Bilder, bzw. mit einem direkten Link zur Page.

VG,

[Gamze1]

@Gabe darauf antwortet leider auch niemand 😞 komme seit Tagen nicht mehr weiter

[Simonsron]

@media screen and (max-width: 749px)
.banner__media.video-background{
   height:auto !important;
}
#myVideo{
   position:static !important;
}
}

 Wie wäre es, wenn Sie dies versuchen? Weil ich es auf Ihrem Thread geändert, um wirksam zu werden. Wie wäre es, wenn du es ausprobierst?

[Gabe]

Ok, probiere mal den Code vom @Simonsron.

Die weiße Fläche unter dem Banner könnte aus verschiedenen Gründen auftreten - Margins, Paddings, oder es könnte ein leerer Container sein. Probiere mal den folgenden CSS-Code, um alle möglichen Margins und Paddings zu entfernen:

#Banner-template--17908190675211__d399f36e-d164-4cfa-98d9-c9378b7cb8d5 {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}

Um den Text mittig auf dem Banner zu positionieren, probiere mal den folgenden CSS:

.banner__media {
   display: flex;
   justify-content: center; 
   align-items: center;
   text-align: center;
}

Dieser Code zentriert sowohl horizontal als auch vertikal den Inhalt innerhalb des .banner__media Elements. Schau, dass der Text tatsächlich innerhalb dieses Elements ist.