Hmm, yes I have obviously forgotten to test it on mobile.
Anyway, just use the following additionally and it will fix it:
@media screen and (max-width: 640px) {
#main-menu {
text-align:left;
}
#main-menu > li {
display:block;
margin-right:0;
}
}
Cheers!