Menu Handy versetzt

Auf dem Handy werden die Kategorien leider versetzt dargestellt. Links aus dem Bildschirm raus versetzt.

Das liegt an dem negativen linken Außenabstand:

.row {
    /* ... */
    margin-left: -15px;
}

Du könntest den right Wert von dem Icon anpassen. Eine saubere Lösung wäre das aber nicht, weil der Abstand je nach Font-Einstellung im Browser / Betriebssystem anders wäre, von daher würde ich davon abraten.

Mit einer Anpassung des HTML ginge dies schon besser. Wenn das <a> und <i> in einem gemeinsamen <div> liegen, könnten diese per Flexbox oder Float nebeneinander positioniert werden, wobei dann auch der Abstand definiert werden kann. Möglicherweise müssen nach Anpassung des HTML auch noch die Selektoren im JavaScript angepasst werden, damit das Aufklappen noch funktioniert.