Anfängerfrage: Die Positionierung des Header-Images unabhängig von Tablet & SPhone

Zitat: [h=2]Bilder zentrieren[/h] Heute tendiert das Webdesign eher zu zentrierten mittig gesetzten Bildern, statt sie rechts oder links vom Text umfließen zu lassen. Da sich Bilder in einem img-Tag wie ein übergroßer Buchstabe verhalten, braucht der umfassende Block nur ein text-align: center. Alternativ kann das Bild mit display: block oder display: inline-block zentriert werden.
Sowohl mit float als auch mit display: block bzw. inline-block beginnt das Bild immer an der rechten Bildseite.
Um das Bild sowohl vertikal als auch horizontal zu zentrieren, wird es mit top, bottom, left und right vollkommen aus dem sichtbaren Ausschnitt verschoben. Anschließend versetzt margin: auto das Bild in die senkrechte und wagerechte Mitte des umfassenden Elements.
.parent {
position: relative;
overflow: hidden;
}

.child {
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
}
Quelle: mediaevent.de/css/img.html

Vielleicht hilft dir das weiter, wenn du es in die css für Desktops integrierst (nicht bei den Media Queries).

 

Wenn amn sich dein Bild ansieht kann man erkennen, daß dein Logo NICHT mittig im Bild ist!!



Somit zeigt die Seite das Bild offensichtlich wie es eingestellt wurde