Versatile Banner

Componente temático
,
263

Hmm, en ese caso, podrías agregar algo como lo siguiente a una de las configuraciones de “contenido” del Versatile Banner:


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

Y luego agregar algo de CSS a tu tema principal o a un nuevo componente. Aquí tienes un ejemplo en el que puedes reemplazar LINK_TO_MOBILE_IMAGE con el enlace de imagen real:

.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;
}

Tendrás que experimentar con el CSS, pero espero que esto te sirva de punto de partida.

3 Me gusta