Anzeige auf Mobile 
Autor: C K.
Visited 43,
Followers 1,
Udostępniony 0
Hallo
1. Das Problem
Auf Mobile wird das .guild-bg Element in der falschen Schriftart (Maiah statt Bebas Neue) und zu dunkler Farbe angezeigt, obwohl die CMS-CSS Regel es überschreiben sollte.
2. Relevanter HTML-Abschnitt
html<divclass="guild-bg">Guild</div>
3. Den CMS-CSS Block
@media (max-width: 719px) {
#imHTMLObject_266_1924 .guild-bg {
display: block !important;
font-family: 'Bebas Neue', sans-serif !important;
color: rgba(10,10,10,0.06) !important;
}
}
4. Die Frage "Warum greift font-family und color nicht auf Mobile, obwohl !important gesetzt ist und die ID-Spezifität höher ist?
Danke für Tipps.
Claudio
Die Desktop-Ansicht
Die Mobile-Ansicht
Posted on the
Schlagt er diese Selektor vor oder hast du diesen hinzugefügt?
@media (max-width: 719px)
vielleicht würde das funktionieren...
@media (max-width: 719px) and (min-width: 480px) {
Autor
Vielen Dank, Andreas.
Sektor: siehe Bild
Hier die erste Zeilev om HTML
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300&display=swap" rel="stylesheet">
Es scheint,dass die Schriftart Bebas auf Mobile garnicht geladen wird.
Auf Deskop funktionier es einwandfrei.
Mit (min-width: 480px) würden Gerätedarunter nicht angesprochen,oder sehe ich das falsch?
GUILD im Hintergrund wird auch auf Mobile angezeigt . Einfach nicht in Bebas unde richtigen Schriftfarbe.
Guild wird angezeigt, einfach nicht in Bebas und der gewünschten Schriftfarbe.
D.h. auf Mobile wird die Schriftart nicht geladen und die Schriftfarbe nicht übernommen.
Was ich so noch weis, funktionieren gewisse Schriftarten nicht auf mobilen Geräten! Welche funktionieren und welche ersetzt werden mit "anzeigbaren" kann ich aber nicht sagen.