Macht auch keinen Sinn, etwas auf „left:0“ zu setzen, weil es das per CSS ja schon ist, und 0 die erste „sichtbare Stelle links“ ist.
Erst durch „translateX(-100%)“ wird das Element um die „volle Breite“ weiter nach Links verschoben, und verschwindet damit.
CSS Left:0 ist eigentlich sofort verfügbar, translateX (je nach Browser?) wird aber erst ausgeführt, wenn das DOM komplett geladen ist - und darum poppt es auf.
An „.off-canvas“ rumpfuschen ist eher ungünstig, ist ja eine allgemeine Class - auch für Cart und Mobile-Menü.
Sollen die eine Lösung finden, die dafür bezahlt werden 