header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
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
In diesem Artikel
  • Eine Textzeile wird auf zwei Zeilen aufgeteilt
  • Text und andere Elemente überlagern sich
  • Text ist nicht an anderen Elementen ausgerichtet
  • Ausrichtungsprobleme mit anderen Elementen auf der mobilen Version der Website
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.