¿Cómo poner un dibujo en cabecera de WordPress?

[Linton]

Tengo un diseño de blog en WordPress al que quiero añadirle un dibujo, quedaría más o menos como el monigote de abajo.
Debo fijarlo con position: relative y z-index, ¿no? Es un diseño responsive, ¿qué instrucciones debería llevar el dibujo?

Gracias, un saludo.

[pzin]

Mahlzeit Linton.

Iniciado por Linton

Es un diseño responsive, ¿qué instrucciones debería llevar el dibujo?

Pues depende un poco del comportamiento que vaya a tener. Por la imagen intuyo que querrías tener como referencia la derecha de la cabecera. Entonces tal vez lo suyo, ya que indicar right no sería efectivo y los elementos con posición fija no pueden tomar como referencia sino el viewport, deberías de imitar el comportamiento de la cabecera de forma invisible y luego ahí dentro colocar la imagen.

Algo ansina:

[Linton]

¡Gracias! Bueno, ha habido forcejeo porque es un dibujo en vertical que rebasa con creces el header. Al final lo he puesto fuera, en el main, con estas instrucciones:

Código CSS:

#dibujo {
    position: absolute;
    top: 50px;
    left: 84%;
}
 

Por cierto que WordPress "franco fábrica" no admite imágenes en SVG, he tenido que modificarlo tal como se explica en este blog.

PD: Mahlzeit?