Jimdo · Lösung

Ihre Jimdo-Seite sieht auf dem Handy verrutscht aus

Am Computer sieht alles gut aus. Auf dem Handy stehen die Überschriften dann plötzlich in drei Zeilen, ein Bild ragt über den Rand hinaus, und zum Lesen muss man den Text seitlich hin und her schieben.

Das lässt sich beheben, ohne dass sich an der Ansicht am Computer etwas ändert. Wie viel Arbeit es ist, sehe ich, sobald ich die Seite auf dem Handy geöffnet habe. Meist sind es zwei, drei Stellen, etwa eine Tabelle oder ein zu breites Bild.

Kein Umbau im Editor

Im Editor müssen Sie dafür nichts umbauen. Die Korrektur kommt als eigener Code dazu.

Tarif vorher geklärt

Ob Ihr Jimdo-Tarif diesen Code zulässt, kläre ich, bevor ich Ihnen einen Preis nenne.

Was ich brauche

Für den Anfang brauche ich nur den Link und einen Screenshot vom Handy.

Gemeint ist hier Jimdo Creator, mit Jimdo Dolphin arbeite ich nicht. Ein Anhaltspunkt, falls Sie unsicher sind: Der Creator hat den klassischen Editor, in dem Sie Elemente frei auf der Seite anordnen und eigenen Code nutzen können. Dolphin ist eher ein Baukasten mit vorgefertigten Abschnitten, den Sie normalerweise mit einem Assistenten einrichten.

Die häufigsten Ursachen

Wie sich die Handyansicht getrennt einstellen lässt

Im Jimdo-Editor stellen Sie eine Schriftgröße ein, und die gilt für alle Geräte. Eine eigene Einstellung nur fürs Handy gibt es dort nicht. Deshalb passt eine Überschrift, die am Computer gut aussieht, auf dem schmalen Bildschirm oft nicht mehr in eine Zeile.

Die Lösung sind ein paar Zeilen CSS. Das ist die Sprache, mit der man dem Browser sagt, wie eine Seite aussehen soll. Diese Zeilen werden so geschrieben, dass sie nur auf schmalen Bildschirmen greifen. Auf dem Handy werden Überschriften dann kleiner und Abstände enger, zu breite Tabellen oder Bilder passen sich an.

Eine Seite, zwei Ansichten Links die Ansicht am Computer mit großer Überschrift, rechts dieselbe Seite auf dem Handy. Die CSS-Zeilen für schmale Bildschirme machen dort die Überschrift kleiner, ohne die Computeransicht zu verändern. Computer: bleibt wie er ist Handy CSS nur für schmale Bildschirme
Auf dem Handy wird die Überschrift kleiner, die Kacheln stehen untereinander. Am Computer ändert sich nichts.

In Jimdo Creator kommt dieses CSS in den Head-Bereich, also den unsichtbaren Kopfteil Ihrer Seite. Ob Sie dort eigenen Code einfügen dürfen, hängt von Ihrem Tarif ab.

Keine zweite Website nötig

Sie brauchen weder eine eigene Handy-Version Ihrer Seite noch ein Zusatzprogramm. Die Anpassung steckt in derselben Seite, die auch am Computer angezeigt wird.

Die häufigste Stolperfalle

Oft höre ich, jemand habe die Überschrift fürs Handy kleiner gemacht und sich damit gleich die Ansicht am Computer verstellt. Das liegt an der einen Schriftgröße für alle Geräte. Mit den CSS-Zeilen für schmale Bildschirme passiert das nicht.

So läuft es ab

  1. Sie schicken mir den Link, am besten zusammen mit einem Screenshot vom Handy, auf dem man sieht, was verrutscht ist.
  2. Ich prüfe die Seite auf mehreren Bildschirmgrößen und korrigiere die betroffenen Stellen.
  3. Danach schauen Sie es sich auf Ihrem eigenen Handy an. Fällt Ihnen noch etwas auf, sagen Sie mir Bescheid.
Handyansicht prüfen lassen

Handyansicht korrigieren lassen

Ein Screenshot von der Stelle, die auf Ihrem Handy verrutscht ist, hilft mir mehr als eine lange Beschreibung. Den Festpreis bekommen Sie, bevor ich etwas ändere.

Screenshot und Link an: info@kuenzl.dev

In der Jimdo-Hilfe stehen weitere Themen, die Sie an Ihrer Seite angehen können. Wenn Sie die Grenzen des Jimdo-Editors öfter stören, lesen Sie nach, was ein Umzug zu WordPress für Ihre Seite bedeutet.