Verwendung: Elemente in Abhängigkeit von Bildschirmgröße anzeigen
Produkt: Tao Contao
Contao-Version: 4.10.5
Liebes RockSolid-Supportteam,
auf großen Bildschirmen hat eine Tagline mit einem die ganze Breite ausfüllenden Foto einen Wow-Effekt. Auf einem Handy sieht dieselbe Seite hingegen unschön aus, weil das Foto entweder verzerrt oder beschnitten dargestellt werden muss. Hier wäre die Einbindung als "normales" Foto schicker.
Besteht die Möglichkeit, das Inhaltselement "Zentrierter Bereich Anfang" um eine Art IF-Abfrage zu ergänzen, mit dem es nur auf Bildschirmen ab Tablet-Größe angezeigt wird?
Und des Weiteren ein Inhaltselement "Bild" so zu konfigurieren, dass es nur auf Handys angezeigt wird?
Vielen Dank!
Keyboard shortcuts
Generic
? | Show this help |
---|---|
ESC | Blurs the current field |
Comment Form
r | Focus the comment reply box |
---|---|
^ + ↩ | Submit the comment |
You can use Command ⌘
instead of Control ^
on Mac
Support Staff 1 Posted by RockSolid Theme... on 13 Jan, 2021 10:03 AM
Vielen Dank für Ihre Frage.
Sie können folgenden CSS-Code zur Datei files/tao/css/custom.css hinzufügen:
Danach können Sie über die CSS-Klasse
hide-on-mobile
Elemente im mobilen Viewport ausblenden lassen und über die CSS-Klasseshow-on-mobile
Elemente nur im mobilen Viewport anzeigen lassen. Diese Klassen können Sie über das Contao-Backend bei beliebigen Elementen und Modulen einstellen.2 Posted by Jens Reichel - ... on 13 Jan, 2021 10:27 AM
Fantastisch - tausend Dank!