[GELÖST] Sidebar-Menü schmaler als in der Demo machen

Hallo, ich habe den Header mit Sidebar-Menü gewählt. Das Menü selber ist sehr breit. Mit benutzerdefinierter CSS habe ich es schmaler bekommen:
.astroid-header .astroid-sidebar-content {
width: max-content;
}
.astroid-header.has-sidebar {
width: auto;
}
Leider rutscht der Seiteninhalt nicht nach links nach (siehe Anhang). Leder habe ich bisher nicht gefunden, wie man das lösen kann. Hat jemand eine Idee?
Danke und LG
Holger

Ein Link zum Problem wäre hilfreich!

s914703771.online.de/

Trage das mal in die custom.css

Weiß aber nicht, ob sich das woanders noch auswirkt.
Musst du mal testen.

Danke, aber da ändert sich leider nichts.
Was tatsächlich die Inhalte verschiebt. leider aber das responsive-Design zerstört, ist
.astroid-layout .astroid-wrapper {
margin-left: -120px;
}

Aber so geht es wahrscheinlich
@media only screen and (min-width: 1200px) {
.astroid-layout .astroid-wrapper {
margin-left: -120px;
}
}