Header passt sich der Bildschirmgröße an

Hallo Forengemeinde,

ich habe unglücklicherweise ein kleines Problem mit meinem Blog (www.gesetze-und-rechte.de) und hoffe auf eure Hilfe

Es geht um das Header Bild, es ist nicht statisch, sondern passt sich stets der Bildschirmgröße / Bildschirmauflösung an. Das ist an sich kein Problem, nur leider verschwindet ein Teil des Logos bei größeren Bildschirmen und rutscht in die darunterliegende Navigationsleiste. Je größer der Bildschirm, desto größer der abgetrennte Teil. Das sieht leider nicht sehr schön aus.

Meine Vermutung ist, dass sich der Header aufgrund der mobilen Funktion anpasst / verändert. Bei kleineren Auflösungen stellt sich automatisch die mobile Seite ein. Wenn man unter Windows das Fenster verkleinert kann man das sehr gut beobachten. Meine Frage an euch ist, was ich tun muss, damit das Headerbild sich nicht automatisch der Bildschirmgröße anpasst.

Über ein paar hilfreiche Ratschläge wäre ich sehr dankbar, ich konnte im Netz leider nichts brauchbares finden ...

Vielen lieben Dank im Voraus!

Gruß Marc

p.s: Mein theme ist "Big Brother" (https://theme.wordpress.com/themes/big-brother/)

 

Vielen Dank für die schnelle Rückmeldung!

Ich werde es ausprobieren und dann Bericht erstatten

 

Ich fürchte es hatte keinen Effekt. Es sieht jetzt so aus, wie du es vorgeschlagen hast:

.header-image {
background-repeat: no-repeat;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
background-position: top;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Leider ist ein Teil der "Waage" auf meinem Rechner immer noch in der Navigation

 

Darf ich fragen wie du das meinst und wie dagegen Vorkehrungen treffen kann?

Ich bin leider total neu in der Thematik und weiß mit all diesen technischen Dingen nicht viel anzufangen - da kommen mir ein paar Experten sehr gelegen. Nochmals danke für eure Hilfe!

 

Danke dir, da mach ich mich morgen dran