Meine Website sieht auf dem Handy falsch aus: So funktioniert die mobile Darstellung in EverWeb

Wie Sie das beheben, hängt davon ab, welche Art von Seite Sie erstellt haben. EverWeb kennt zwei Arten.

Responsive Seite Seite mit Zentriertem Layout
Auf einem Handy Dieselbe Seite ordnet sich passend neu an Bleibt in ihrer Desktop-Breite, außer Sie fügen eine Mobilseite hinzu
Separate Mobilseite? Nicht nötig Empfohlen
Objekte verschieben Objekte fließen in Zeilen und Containern. Ab EverWeb 4.5 können Sie ein Objekt mit „Freies Ziehen ermöglichen“ und Anheften auch an beliebiger Stelle platzieren Überallhin ziehen

Um zu sehen, welche Art Sie haben, wählen Sie die Seite aus und gehen Sie zu Inspektor > Seiteneinstellungen > Seitenlayout.

Auf einem echten Handy ansehen

Eine Vorschau am Computer stimmt nicht immer mit dem Handy überein. Klicken Sie in der Symbolleiste auf Vorschau, wählen Sie Preview QR Code (QR-Code-Vorschau) und scannen Sie den Code mit der Kamera Ihres Handys.

Responsive Seiten

Gestalten Sie eine Seite und passen Sie sie für kleinere Bildschirme an.

  • Prüfen Sie jede Größe. Ändern Sie die Breite des Editorfensters, um zu sehen, wie sich Ihre Seite anpasst.
  • Etwas bei einer Größe ausblenden. Wählen Sie es aus, gehen Sie zu Inspektor > Maße und verwenden Sie im Bereich Responsiv die Kontrollkästchen wie Auf dem Handy anzeigen.
  • Sie möchten ein Objekt an beliebiger Stelle platzieren? Ab EverWeb 4.5 wählen Sie das Objekt aus, gehen zu Inspektor > Maße und aktivieren Freies Ziehen ermöglichen. Dann können Sie es überallhin ziehen, wie auf einer Seite mit Zentriertem Layout. Klicken Sie auf Pin Settings (Anheft-Einstellungen), um es oben, mittig oder unten sowie links, mittig oder rechts an der Seite oder seinem Container anzuheften, damit es seine Position hält, wenn sich die Bildschirmgröße ändert. Andernfalls sind Objekte vollbreit und fließen mit der Seite. Siehe die Tutorials zu responsiven Seiten.

Seiten mit Zentriertem Layout: eine Mobilseite hinzufügen

  1. Klicken Sie in der Symbolleiste auf Seite hinzufügen, filtern Sie nach Vorlagen mit Feste Breite, wählen Sie Ihr Theme und dessen Seite Mobil. Fügen Sie Ihre Inhalte hinzu.
  2. Wählen Sie Ihre Desktop-Seite aus.
  3. Gehen Sie zu Inspektor > Seiteneinstellungen > Mobileinstellungen. Wählen Sie unter Mobilseite die Option Einer meiner Seiten und dann Ihre neue Seite.
  4. Veröffentlichen Sie. Handys werden automatisch zur Mobilseite geleitet.

Wiederholen Sie das für jede Seite. Packen Sie nicht Ihren gesamten Text in ein oder zwei große Textfelder, denn diese verursachen auf einem kleinen Bildschirm Layoutprobleme. Video-Tutorial.

Sollen wir die ganze Website für Sie handyfreundlich machen?

Unser Team kann sie als responsive Website neu erstellen. Zum Umstellungsservice, oder fragen Sie den Support nach einem Angebot.

  • Responsive, Mobile, Responsive Website
  • 11 Benutzer fanden dies hilfreich
War diese Antwort hilfreich?

Verwandte Artikel

Muss ich meine EverWeb-Website für Mobilgeräte neu gestalten?

Nein. Ihre EverWeb-Website funktioniert so, wie sie ist, auf Handys und Tablets. Wie gut sie auf...

Meine Website sieht auf meinem Computer gut aus, ist aber auf meinem Handy abgeschnitten oder durcheinander

Meistens sind ein oder mehrere Objekte auf der Seite breiter als ein Handybildschirm, wodurch die...

Mit Containern eine responsive Seite erstellen, die sich auf dem Smartphone sauber stapelt

Eine responsive Seite ist eine einzige Seite, die sich so umordnet, dass sie auf jeden Bildschirm...

Objekte auf Handys, Tablets oder Computern aus- oder einblenden (Show on Device)

Sie können ein Objekt bei manchen Bildschirmgrößen anzeigen und bei anderen ausblenden. Wählen...

Eine Smartphone-Version einer Seite mit Zentriertem Layout erstellen (Mobilseite), Schritt für Schritt

Eine Mobilseite ist eine zweite, schmale Kopie einer Seite, die nur für Smartphones gedacht ist....