Fruit Salad's mobile style -- how to fix?

[jewelfox]

I'm using the Fruit Salad theme for the Leftovers style on my personal journal, jewelfox, with some incompletely-organized CSS customizations.

What I can't figure out is why the "JEWELFOX" title and the nav menu ("Previous 5" / "Next 5") are more or less aligned with the content area, in IE and Firefox on my PC, but in mobile they're pushed off to the side. CSS inspection in Firefox's responsive (mobile) view isn't telling me anything useful. What gives?

I'd like to align the stuff in the footer, too, but I figure if this becomes doable maybe that will also. It also badly needs a menu or link to the modules up on top, in the mobile view. I'm not sure how to add that without using S2 (which I was going to try).