Produkttitel mobile Anzeige

Topic summary

Problem: In der mobilen Ansicht sitzt bei einem Produkt der Titel zu tief. Preise wurden per Code bereits auf eine Höhe gebracht; Typografie auf 105% (Überschrift und Text). Ein Screenshot zeigt das Verhalten (zentrales Belegmaterial).

Vorgeschlagene Lösung: Einsatz eines mobilen CSS-Media-Querys (max-width: 480px) zur Textausrichtung. Beispielcode zentriert den Text, muss aber an die richtige CSS-Klasse des Themes angepasst werden (der Beispiel-Selektor .product-single__meta .rte ist ggf. falsch).

Implementierung: Bevorzugt über den Shopify CSS-Editor (eigene CSS), sonst in Assets → base.css am Ende einfügen. Die korrekte Klasse per Chrome DevTools (Entwicklertools) ermitteln. Vor Änderungen: Theme duplizieren/Backup; Risiken: Ladezeiten, Ausschluss von Theme-Updates.

Aktueller Stand: Nach Einfügen des Codes ändert sich nichts – vermutlich wegen eines nicht passenden Selektors oder Abschnitts (z. B. „Vorgestellte Kategorie“).

Nächste Schritte/Outcome: Link zu einem konkreten Beispiel im (englischsprachigen) Expertenforum posten, damit gezielt geprüft werden kann. Diskussion offen, keine finale Lösung; Schlüsselpunkt ist das Auffinden des korrekten CSS-Selektors.

Summarized with AI on January 9. AI used: gpt-5.

Irgendwie ändert sich aber nichts. Auch nicht wenn ich es in Base änder