header-logo
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Wix Editor: Probleme mit der Ausrichtung auf deiner mobilen Live-Website beheben

3 min
Der Inhalt deiner Website sieht möglicherweise nicht auf allen Mobilgeräten gleich aus, da verschiedene Browser und Geräte unterschiedliche Rendering-Engines verwenden. So können sich Textelemente auf bestimmten mobilen Bildschirmen erweitern, überlagern oder mit anderen Elementen falsch ausgerichtet werden.

Eine Textzeile wird auf zwei Zeilen aufgeteilt

Möglicherweise fällt dir auf, dass eine einzelne Textzeile in deinem Mobile-Editor auf der Live-Website in zwei Zeilen aufgeteilt wird. Dies kann vom Gerät abhängen und auf verschiedenen Bildschirmen unterschiedlich aussehen.
Screenshot, der Text im Mobile-Editor und einer Live-Website zeigt
Um dieses Problem zu beheben, erweitere einfach das Textfeld, indem du die Ziehgriffe anklickst und ziehst. Dadurch wird das Textfeld nur vergrößert. Die Größe des Textes selbst wird nicht beeinflusst.
GIF, das zeigt, wie ein Textfeld im Mobile-Editor erweitert wird

Text und andere Elemente überlagern sich

Wenn du deiner Website eine große Menge Text in einem einzelnen Textfeld hinzugefügt und ein Element darüber hinzugefügt hast, kann sich der Text mit anderen Elementen auf deiner Live-Website überschneiden. Dies ist in der Regel in Texten zu sehen, die deiner Website im Desktop-Editor hinzugefügt wurden.
Bild von Text und Button im Mobile-Editor und auf der Live-Website. Der Button überlagert den Text auf der Live-Website.

Um das Problem zu beheben:

  1. Öffne den Desktop-Editor.
  2. Teile den Text in mehrere Textfelder auf, ein Textfeld pro Absatz.
  3. Füge die Elemente zwischen den Textfeldern mit etwas Abstand hinzu.
  4. Gruppiere die Elemente, um sicherzustellen, dass sie richtig ausgerichtet sind. Klicke hier, um zu erfahren, wie du Elemente gruppierst
Bild des Desktop-Editors. Der Text wurde in verschiedene Felder aufgeteilt und der Button befindet sich dazwischen.

Text ist nicht an anderen Elementen ausgerichtet

Wenn du viel Text in einem einzelnen Textfeld hast, kann es sein, dass es nicht mit anderen Elementen auf deiner mobilen Live-Website übereinstimmt.
Dieselbe Seite im Mobile-Editor und auf der Live-Website. Der Text und die Vektorgrafiken sind auf der Live-Website falsch ausgerichtet.

Um Text an anderen Elementen auszurichten:

  1. Öffne den Desktop-Editor.
  2. Teile den Text in mehrere Textfelder, ein Textfeld für jeden Absatz.
  3. Gruppiere den Text mit den relevanten Elementen. Klicke hier, um zu erfahren, wie du Elemente gruppierst
Screenshot zum Ausrichten von Text mit anderen Elementen im Mobile-Editor

Ausrichtungsprobleme mit anderen Elementen auf der mobilen Version der Website

Möglicherweise wirst du feststellen, dass Elemente, die du horizontal angeordnet hast, auf der mobilen Version deiner Website nicht wie erwartet ausgerichtet werden.
Um zu verhindern, dass sich diese Elemente verschieben, gruppiere sie und hänge sie an eine transparente Container-Box an.
Screenshot, der Text im Mobile-Editor und einer Live-Website zeigt
GIF, das zeigt, wie ein Textfeld im Mobile-Editor erweitert wird
Bild von Text und Button im Mobile-Editor und auf der Live-Website. Der Button überlagert den Text auf der Live-Website.
Bild des Desktop-Editors. Der Text wurde in verschiedene Felder aufgeteilt und der Button befindet sich dazwischen.
Dieselbe Seite im Mobile-Editor und auf der Live-Website. Der Text und die Vektorgrafiken sind auf der Live-Website falsch ausgerichtet.
Screenshot zum Ausrichten von Text mit anderen Elementen im Mobile-Editor