[CSS + CUL] translateX et overflow, je deviens fou

À chaque fois que je me retrouve à devoir toucher à du CSS je me rappelle pourquoi je n'ai pas voulu faire dev web
Je réutilise le template Jekyll qu'on trouve ici : lanyon.getpoole.com
Mais il y a un problème : sur de petits écrans, le texte à droite déborde lorsque l'on ouvre le menu.
Il y a un transform: translateX(...) qui décale le bloc de droite, mais sa largeur reste fixe, d'où l'overflow.

Je sais qu'il y a des kheys très forts, je suis sûr que c'est tout con à résoudre mais je suis vraiment trop nul
Si un khey a la foi de me dire s'il y a une façon de régler ce problème je lui en serais vraiment très reconnaissant

Et le cul, bien sur :