Text Umbruch je nach Breakpoint

Ein Umbruch im HTML Text wird immer automatisch auf allen Breakpoints angewendet. Ein Umbruch kann normalerweise also nicht auf manchen Breakpoints angezeigt werden und auf anderen nicht. Wie das mit einem Trick aber trotzdem geht, zeigen wir hier.

Das Problem

Ein Umbruch im HTML Text wird immer automatisch auf allen Breakpoints angewendet. Wenn wir auf Desktop also einen Umbruch einfügen, wird dieser auch auf Mobile angezeigt.

Wenn wir nun den Umbruch auf Mobile wieder entfernen, weil er hier störend ist, wir er automatisch auch auf allen anderen Breakpoints wieder entfernt.

Lösung: Umbruch als <span>

Um den Umbruch nur auf bestimmten Breakpoints anzeigen zu lassen, umschliessen wir den Umbruch mit einem <span>.
Dafür drücken wir zuerst Enter, um den Umbruch zu erstellen und wählen dann mit Shift+PfeilLinks den Umbruch an. Dann erstellen wir daraus einen Span.

Auf Mobile können wir nun den Umbruch über das Designer Panel ein- und ausblenden.

Mobile Ansicht VOR dem Ausblenden des Spans
Mobile Ansicht NACH dem Ausblenden des Spans

Wenn wir nun wieder zurück zur Desktop Version gehen, ist hier der Umbruch weiterhin vorhanden.

Übersicht