tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/63905-verwendung-elemente-in-abhngigkeit-von-bildschirmgre-anzeigenRockSolid Themes: Discussion 2021-01-13T10:52:08Ztag:help.rocksolidthemes.com,2012-07-23:Comment/489667282021-01-13T10:03:26Z2021-01-13T10:03:26ZVerwendung: Elemente in Abhängigkeit von Bildschirmgröße anzeigen<div><p>Vielen Dank für Ihre Frage.</p>
<p>Sie können folgenden CSS-Code zur Datei <em>files/tao/css/custom.css</em> hinzufügen:</p>
<pre>
<code>@media (max-width: 599px) {
.hide-on-mobile {
display: none !important;
}
}
@media (min-width: 600px) {
.show-on-mobile {
display: none !important;
}
}</code>
</pre>
<p>Danach können Sie über die CSS-Klasse <code>hide-on-mobile</code> Elemente im mobilen Viewport ausblenden lassen und über die CSS-Klasse <code>show-on-mobile</code> Elemente nur im mobilen Viewport anzeigen lassen. Diese Klassen können Sie über das Contao-Backend bei beliebigen Elementen und Modulen einstellen.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/489667282021-01-13T10:27:01Z2021-01-13T10:27:02ZVerwendung: Elemente in Abhängigkeit von Bildschirmgröße anzeigen<div><p>Fantastisch - tausend Dank!</p></div>Jens Reichel - DistincTravel