Zum Hauptinhalt springen

IT-SERVICE – HILFE & FAQ

Web & WordPress:

YOOtheme: Zeilenumbruch abhängig von der Bildschirmgröße

Web & WordPress:

YOOtheme: Zeilenumbruch abhängig von der Bildschirmgröße

Mit UIkit und YOOtheme Pro lassen sich Zeilenumbrüche abhängig von der Bildschirmgröße steuern. So funktioniert uk-visible@m.

← Zurück zu allen FAQ
Bild: KI-generierte Illustration

SCHRITT-FÜR-SCHRITT ANLEITUNG

YOOtheme: Zeilenumbruch abhängig von der Bildschirmgröße

YOOtheme: Zeilenumbruch abhängig von der Bildschirmgröße

Folgen Sie einfach den einzelnen Schritten. Bei Fragen stehen wir Ihnen jederzeit zur Verfügung.

In YOOtheme Pro lässt sich ein manueller Zeilenumbruch abhängig von der Bildschirmgröße anzeigen. Dafür können die responsiven Sichtbarkeitsklassen von UIkit verwendet werden.

Zeilenumbruch ab mittleren Bildschirmgrößen anzeigen

Mit folgendem HTML-Code wird der Zeilenumbruch ab dem UIkit-Breakpoint m angezeigt:

<br class="uk-visible@m">

Auf kleinen Bildschirmen unterhalb des Breakpoints m wird der Zeilenumbruch ausgeblendet. Ab mittleren Bildschirmgrößen ist er sichtbar.

Beispiel für eine Überschrift

Der Code kann beispielsweise innerhalb einer Überschrift verwendet werden:

Professionelles Webdesign<br class="uk-visible@m"> für Ihr Unternehmen

Dadurch erscheint die Überschrift auf mittleren und größeren Bildschirmen zweizeilig. Auf kleinen Bildschirmen wird der zusätzliche Zeilenumbruch nicht ausgegeben.

Hinweis

YOOtheme Pro basiert auf dem UIkit-Framework. Die Klasse uk-visible@m steuert deshalb die Sichtbarkeit des Zeilenumbruchs anhand des UIkit-Breakpoints und nicht anhand eines eigenen WordPress-Breakpoints.

NOCH FRAGEN?

Hat das nicht funktioniert?

Hat das nicht funktioniert?

Wir helfen Ihnen gerne persönlich weiter und prüfen gemeinsam mit Ihnen die Einstellungen – schnell und unkompliziert.
IT-Service kontaktieren →