Reply To: Responsive Body Background Image

[Tom]

I think what’s happening here is how the phone is rendering it. If I view your site on my desktop with the browser reduced to mobile size, it looks fine.

background-position shouldn’t change that, but you can try by adding center center into the position field.

I think you’ll need to do what the article suggests, setting a different background for mobile use only.

Or you’ll need to use a larger image which will work with the phone resolution.

Maybe try this:

@media (max-width:768px) {
    body {
        background-size: 100% 100%;
        background-position: center center;
        background-attachment: fixed;
    }
}