Versatile Banner

Themenkomponente
,
263

Hmm, in diesem Fall könnten Sie etwas wie das Folgende zu einer der “content”-Einstellungen des vielseitigen Banners hinzufügen:


<div class="xmas-banner-image"></div>

Und dann fügen Sie etwas CSS zu Ihrem Hauptthema oder einer neuen Komponente hinzu. Hier ist ein Beispiel, bei dem Sie LINK_TO_MOBILE_IMAGE durch den tatsächlichen Bildlink ersetzen können:

.mobile-view .xmas-banner-image {
  background-image: url("LINK_TO_MOBILE_IMAGE");
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.desktop-view .xmas-banner-image {
  background-image: url("LINK_TO_DESKTOP_IMAGE");
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

Sie müssen sich mit dem CSS beschäftigen, aber hoffentlich hilft Ihnen das weiter.

3 „Gefällt mir“