FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

Betreff: Text on top of banner mobile

Text on top of banner mobile

Gamze1
Entdecker
45 0 2

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. IMG_0609.jpeg

url: luumpi.de

8 ANTWORTEN 8

Simonsron
Shopify Partner
699 87 122
@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.

banned
Gamze1
Entdecker
45 0 2

@Simonsron hallo,

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

Gabe
Shopify Staff
19233 3004 4421

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.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Gamze1
Entdecker
45 0 2

In der Facebook Gruppe antwortet leider kaum jemand.

Gabe
Shopify Staff
19233 3004 4421

@Gamze1 

 

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

 

VG,

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Gamze1
Entdecker
45 0 2

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

Simonsron
Shopify Partner
699 87 122

Simonsron_0-1685669534137.png

@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?

banned
Gabe
Shopify Staff
19233 3004 4421

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.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog