Menü bzw. Text an bestimmter Stelle bei Handy umbrechen

Gelöst j93579
(@j93579)

vor 2 Jahren, 10 Monaten

Guten Morgen zusammen,

gibt es eine Möglichkeit, einen Text oder eine Überschrift an einer bestimmten Stelle umbrechen zu lassen, wenn diese auf kleineren Displays (Handy, Tablet) angezeigt wird?

Gewissermaßen einen Sollumbruch, der von der Displaygröße abhängig ist.

Viele Grüße
JS

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)

Moderator Hans-Gerd Gerhards
(@hage)

vor 2 Jahren, 10 Monaten
Hallo,
das könnte folgermaßen funktionieren:
Du verwendest den HTML-Block und gibst z. B. ein:
```
 <h1>
     <span class="line">Der Umbruch</span> 
     <span class="line">soll immer</span>
     <span class="line">hier erscheinen</span>
 </h1>
```
Als CSS-Regel müsstest du unter Design > Customizer > Zusätzliches CSS folgende Regel verwenden:
```
 /*add css for the intended break*/
.line{
    display: inline-block;
}
```
Zusätzlich könnte man noch eine entsprechende Media Query je nach Breite des Geräts nutzen.
Quelle: https://stackoverflow.com/questions/63128065/define-global-word-break-rule-with-css
Viele Grüße
Hans-Gerd
- Diese Antwort wurde geändert vor 2 Jahren, 10 Monaten von Hans-Gerd Gerhards. Grund: Korrektur Codemarkierung
Moderator Bego Mario Garde
(@pixolin)

vor 2 Jahren, 10 Monaten

In reinem HTML gibt es ein Tag , das bei Bedarf einen Umbruch erzeugt. Leider kannst du das aber nicht in normalen WordPress-Blöcken verwenden (wird vom Block-Editor entfernt).

Grundsätzlich kannst du per CSS das Verhalten von Umbrüchen steuern. Vielleicht hilft dieser Beitrag dazu weiter: https://css-tricks.com/almanac/properties/h/hyphenate/

Thread-Starter j93579
(@j93579)

vor 2 Jahren, 10 Monaten

Vielen Dank!

Moderator Hans-Gerd Gerhards
(@hage)

vor 2 Jahren, 10 Monaten

Hallo,
schön wäre natürlich auch für Mitleser, wenn du hier kurz beschreibst, wie du das genau gelöst hast. Danke.
Viele Grüße
Hans-Gerd

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)

Das Thema „Menü bzw. Text an bestimmter Stelle bei Handy umbrechen“ ist für neue Antworten geschlossen.

Ansichten