Zum Hauptinhalt springen

Darstellungsprobleme eines Sternify-Abschnitts auf Mobilgeräten beheben

Prüfe die betroffene Seite, mobile Einstellungen, Bilder, Abstände und das verwendete Theme, bevor du eine Layout-Anpassung anfragst.

Verfasst von Alex

Öffne den betroffenen Abschnitt in der mobilen Vorschau von Shopify, passe die verfügbaren Einstellungen an und prüfe die gespeicherte Seite anschließend auf einem Smartphone.

1. Das richtige Layout öffnen

  1. Öffne Online Store → Themes → Edit theme für das Theme, das den Abschnitt enthält.

  2. Wähle die betroffene Vorlage und zeige das richtige Produkt oder die richtige Seite in der Vorschau an.

  3. Wechsle zur mobilen Vorschau und wähle den Sternify-Abschnitt oder -Block.

2. Das konkrete Problem beheben

Der Text ist zu groß. Suche nach Einstellungen für mobile Schriftgrößen, falls dein installierter Abschnitt sie bietet. Verkleinere den Text schrittweise und prüfe die gesamte Überschrift in der mobilen Vorschau.

Die Symbole sind zu groß. Nutze eine Einstellung für die mobile Symbolgröße, falls vorhanden. Image with Benefits bietet Icon Size Mobile.

Ein Bild wird abgeschnitten. Prüfe die Bilddarstellung und den Bildaufbau. Wichtiger Text am Bildrand kann in einem schmalen Layout verschwinden. Eine separate Auswahl für mobile Bilder gibt es nur, wenn der Abschnitt sie anbietet.

Die Abstände passen nicht. Prüfe die verfügbaren Einstellungen für Innenabstände, Breite und Ausrichtung. Ändere jeweils nur eine Einstellung.

3. Speichern und Ergebnis prüfen

  1. Klicke auf Save und prüfe die gesamte Seite in der mobilen Vorschau.

  2. Öffne dieselbe Seite auf einem Smartphone und teste Schaltflächen und Links.

  3. Wenn das Smartphone ein anderes Design zeigt, vergleiche das veröffentlichte Theme und die Vorlagenzuweisung des Produkts.

Bei KI-Seiten können Schriftarten und Abstände im installierten Theme von der Generierungsvorschau abweichen.

Das Problem besteht weiterhin?

Sende dem Support die Seiten-URL, Theme- und Abschnittsnamen, Angaben zu Smartphone und Browser sowie einen Screenshot des Problems. Erwähne eigenes CSS und die Einstellung, von der du eine Änderung erwartet hast.

Passende Anleitungen: Inhalte fehlen · Produktzuweisung prüfen.

Hat dies deine Frage beantwortet?