I'm currently trying to work through some mobile compatibility issues with my WP site, but this is a field I have very little experience with. The site I'm working on is here: http://whitehallrow.com/
When viewed on a mobile device (I'm using an iPhone 4S), the page becomes very narrow and text wraps within it. However, the photos on the left of the page as well as the blue ribbons get pushed out onto the background on the right.
How can I get the body width to stay the same on mobile devices instead of becoming narrow and pushing content off the side?