Hi!
ich versuche verzweifelt die vertikale Scrollbar zu entfernen, wenn das Menü geöffente wurde...
Meinst du vielleicht die horizontale Scrollbar?
Packe beide Elemente (Navigation und Hauptinhalt) in ein Element mit overflow: hidden. Dieses Element hat position: static und width: auto (beides musst du nicht angeben, es ist Standard). Damit ist es so breit wie der Viewport und schneidet den Hauptinhalt, den du rechts herausschiebst, ab.
Noch ein Performance-Tipp: Wenn du (-webkit)transform: translateX(…) verwendest anstatt left, bekommst du eine hardwarebeschleunigte, viel flüssigere Animation auf Mobilgeräten hin.
Mathias