Liquid, JavaScript, Themes
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
Gelöst! Zur Lösung
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:
LG, Mario
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:
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
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:
LG, Mario
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
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:
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
super das hat geklappt. Danke euch für die Hilfe
@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
Wie du eine intuitive und ansprechende Online-Shopping-Experience für deine Kunden au...
By Gabe Apr 1, 2024Shopify unterstützt die weltweit innovativsten Marken und Unternehmer:innen. Um Unterne...
By SarahF_Shopify Mar 25, 2024Was ist ein kleines Element eines Shopify Shops mit großer Wirkung? Ein Element ganz we...
By Kai Mar 14, 2024