It still looks a little fuzzy, I would remove everything except for the background-attachment: scroll;
. So change the following code –
.head-bg,
.home-feature-1,
.home-feature-2,
.home-feature-3,
.home-feature-4,
.home-feature-5,
.home-feature-6,
.home-feature-7 {
-moz-background-size: auto;
-webkit-background-size: auto;
background-attachment: scroll;
background-position: top;
background-size: auto;
}
and replace it to look just like this –
.head-bg,
.home-feature-1,
.home-feature-2,
.home-feature-3,
.home-feature-4,
.home-feature-5,
.home-feature-6,
.home-feature-7 {
background-attachment: scroll;
}
The end result should look just like the demo. Try and view the SquareOne demo http://demo.appfinite.net/squareone/ on your phone to see how clear the images are. Let me know once you make the adjustment and I’ll check on my phone. You should see a big difference.