Schrift passt Mobil nicht in das Bild

[Cornholiou]

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.

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

Danke schonmal für eure Mühe

[r8r]

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

LG, Mario

[Cornholiou]

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

[Gabe]

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:

[Cornholiou]

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

[r8r]

@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