Hola,
Para hacer esto, debes usar algo de CSS. ![]()
En la vista Móvil y Escritorio (CSS) común, añade un ancho del 100% a la imagen.
#custom-ad {
.custom-ad-link {
img {
width: 100%;
}
}
}
En la vista Escritorio (CSS), añade un ancho máximo al ID #custom-ad para que el ancho del banner sea igual al del avatar del tema más el cuerpo del tema. Esto equivaldrá al ancho del 100% de la imagen que acabamos de añadir en la configuración común.
#custom-ad {
max-width: calc(45px + 690px + (11px * 2));
}
45px = Ancho del avatar del tema
690px + (11px * 2) = Ancho del cuerpo del tema más el relleno de 11px a la izquierda y 11px a la derecha utilizado en la clase .cooked.
Se verá así ![]()
Vista de escritorio (completa)
Vista de escritorio (responsiva)
Vista móvil


