Reply To: Image home feature 4 not scaling on responsive mode (smallest screens)

Homepage › Community Forums › SquareOne Theme Support › Image home feature 4 not scaling on responsive mode (smallest screens) › Reply To: Image home feature 4 not scaling on responsive mode (smallest screens)

June 6, 2014 at 10:17 pm #12586
Wes
Moderator

    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.