FROM CACHE - de_header

Schrift passt Mobil nicht in das Bild

Gelöst
Cornholiou
Tourist
5 0 3

Hallo,

ich habe vor ein paar Tagen meinen Shop veröffentlicht und musste jetzt festellen, dass in der mobilen Ansicht die Schrift im Bild auf der Startseite garnicht komplett im Bild ist.

Fehler Bild.png

Kann mir jemand sagen wie ich das ändern kann? Das sieht echt nicht gut aus.

Danke schonmal für eure Mühe

2 AKZEPTIERTE LÖSUNGEN

Anerkannte Lösungen
r8r
Shopify Expert
2350 305 834

Erfolg.

@Cornholiou – du kannst das auf mehrere Arten angehen … sofern der Inhalt nicht verändert werden soll, wäre der schnellste Fix der, per CSS eine kleinere Schriftgröße für schmale Bildschirme zu definieren.

Meine Empfehlung ist folgende Regel ans Ende Deines Theme Stylesheets zu ergänzen:

:root {
    --font-h1-mobile: 37;
}

Das macht dann bei einer Seitenbreite von 360px folgendes Ergebnis:

Screenshot 2021-04-21 at 10.01.41.jpg

LG, Mario

 

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte

Lösung in ursprünglichem Beitrag anzeigen

Gabe
Shopify Staff
Shopify Staff
7522 1202 1955

Erfolg.

Hey @Cornholiou 

Das dürfte wahrscheinlich hier ganz unten sein aber der Mario kann das bestätigen. Ich würde das aber immer zuerst in einer Backup Kopie des Themes probieren und wenn es klappt im Live Theme einpflegen:

image.png

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

Lösung in ursprünglichem Beitrag anzeigen

5 ANTWORTEN 5
r8r
Shopify Expert
2350 305 834

Erfolg.

@Cornholiou – du kannst das auf mehrere Arten angehen … sofern der Inhalt nicht verändert werden soll, wäre der schnellste Fix der, per CSS eine kleinere Schriftgröße für schmale Bildschirme zu definieren.

Meine Empfehlung ist folgende Regel ans Ende Deines Theme Stylesheets zu ergänzen:

:root {
    --font-h1-mobile: 37;
}

Das macht dann bei einer Seitenbreite von 360px folgendes Ergebnis:

Screenshot 2021-04-21 at 10.01.41.jpg

LG, Mario

 

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
Cornholiou
Tourist
5 0 3

Danke schön für die schnelle Antwort.

Kannst du mir noch einmal kurz für Dummies erklären an welches ende ich das setzten soll

Fehler Bild.png

Gabe
Shopify Staff
Shopify Staff
7522 1202 1955

Erfolg.

Hey @Cornholiou 

Das dürfte wahrscheinlich hier ganz unten sein aber der Mario kann das bestätigen. Ich würde das aber immer zuerst in einer Backup Kopie des Themes probieren und wenn es klappt im Live Theme einpflegen:

image.png

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

Cornholiou
Tourist
5 0 3

super das hat geklappt. Danke euch für die Hilfe

r8r
Shopify Expert
2350 305 834

@Cornholiou yup – sorry, erst jetzt gelesen, aber in aller Regel gibt es eine theme.css ("oder so ähnlich")-Datei im /assets-Verzeichnis. Wenn Du's auf die Schnelle integrieren willst, dann kannst Du das CSS an's Ende dieser Datei stellen.

LG, Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte