Panel nach unten verschieben

Guten Morgen, liebe Community,

ich experimentiere gerade mit CSS Codes an meinem Design. Ich bin da noch etwas neu drin. Ich möchte den Navigations Panel (Dashbord, Forum, Artkel, Mitgleider etc) um etwa 50 Pixel nach unten verschieben. Trotzdem ich nun verschiedene CSS Seiten durchsuchte, finde ich den richtigen Code nicht bzw. weiß halt nicht, wo ich es im CSS eingeben muss und wie.

Welche Änderung muss ich hier vornehmen? Den unteren Rahmen (das eigentliche Panel) habe ich nach unten geschoben bekommen. Ich möchte jetzt aber, dass auch die Navigationsleiste selbst um diese 50 px nach unten geht. (mit einer Änderung der roten Markierung habe ich das Panel auf 50px erweitert. Das Menü liegt aber nach wie vor oben).

Vielen dank für die Hilfe.

#pageHeaderUserPanel > .layoutBoundary {
    justify-content: flex-end;
}
    
.pageHeaderPanel > .layoutBoundary {
    padding-left: 0px;
    padding-right: 0px;
}
    
#pageHeaderPanel {
    top:0;
    margin: 0 auto ;
    padding: 50px 0;
    padding-right: 20px;
    padding-left: 20px;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(72, 170, 240, 1);
}

.pageNavigation {
    margin-top: 0px;
    padding: 10px 0;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(236, 241, 247, 1);
    border-bottom:0;
}