Ausblenden des Hintergrundbild im Site-Header von OCEANWP

Mojn,

könnte sein, dass es aus dem Grund nicht läuft, da du etwas bei deinem display:none css Code vergessen hast (abschließendes Semikolon) und diese Anweisung daher ignoriert wird.
Könntest diese mal versuchen.

@media only screen and (max-width: 900px) {
#site-header header-image {
        display: none;
}

Könnte allerdings sein, dass sich das auch auf die Desktop Darstellung auswirkt, da @Media Anweisungen sich in dieser Form an der Auflösung orientieren und keinen Unterschied machen, ob Desktop, oder Mobile.
Habe ich so zumindest so manches mal festgestellt.

@Marcus[IS] da fehlt eine abschließende } ;-)

Da das Theme das Hintergrundbild beim Header als Background-Image definiert hat - versuche mal das im Dashboard unter Design - Customizer unter Zusätzliche CSS:

@media screen and (max-width: 900px) {
#site-header {
  background-image: none !important;
}
#site-header.has-header-media .overlay-header-media {
    background-color: rgba(0,0,0,0.1) !important;
}
}

Wobei die zweite Anweisung #site-header..... den Grauschleier über den Header etwas aufhellt. Wenn das nicht gefällt einfach heraus damit ;-)

Schmeisse das mal raus

#site-header.has-header-media .overlay-header-media {
    background-color: rgba(0,0,0,0.1) !important;
}

Das ist offensichtlich nur bei mir drinnen .... ;-)

Wenn du den (max-width: 900px) auf (max-width: 959px) stellst, erfolgt das Ausblenden zugleich mit dem Einblenden des Hamburger-Menüs!

Du kannst aber auch das Abschneiden wie hier beschrieben verbessern .... LINK!
Wenn du auf 100% einstellst, sieht das bis 900px Breite schon ganz gut aus ;-)

Zitat von SEpp55

da fehlt eine abschließende }

Oops schande über mich. :oops: