Header kleiner machen

Moin Moin,

Ich würde gern den Header kleiner machen. Ich hab auch schon die CSS Code gefunden um die Höhe zu bestimmen.

}.pageHeaderContainer {
    background-image: url(../images/baseline/black/header.jpg);
    background-repeat: no-repeat;
    background-position: center top 53px;
    background-size: 100% 100%;
    background-color: var(--Farbe3) !important;
    height: 300px; (original 400px)
}

Natürlich verzieht es jetzt alles und das Menü unter dem Header ist nicht mehr sichtbar. Was muss ich alles ändern damit das passt? Sorry bin leider nicht der CSS Pro.

Lieben Gruß SP4X

Vielen Dank für die schnelle Hilfe.

Gruß Sp4x