Just discovered this thread as I was looking for a solution to this very issue, having bought the SquareOne theme yesterday – love the look of it on desktop, but on mobile devices it was doing exactly as described: showing only a heavily zoomed-in portion of the background image.
I went delving into the CSS of Studiopress’s Parallax Pro theme, and I *think* this is the solution. It’ll display the background image on mobile, scrolling instead of fixed and somewhat cropped (i.e. just as they are on Parallax Pro), but more recognisable as to what the image actually is.
You need to add this in the Media Queries section of the CSS for SquareOne, for ‘@media only screen and (max-width: 1180px)’, for each of the background image areas – which in the case of SquareOne is .head-bg, .home-feature-2, .home-feature-4, .home-feature-6 and .footer-widgets:
background-attachment: scroll;
background-position: top;
-webkit-background-size: auto;
-moz-background-size: auto;
background-size: auto;
Hope this works for the moment. Sure that Wes will add some finesse to this when he issues a fix!
