It looks like this code is missing – background-repeat: no-repeat;
Did you remove that from your CSS? If you add that back in on line 1473 in your CSS then it will work again –
.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7,
.footer-widgets {
/*background-attachment: scroll;*/
background-repeat: no-repeat;
-webkit-background-size: auto;
-moz-background-size: auto;
background-size: auto;
}
Also, I just did some more tests on the Theme Demo’s homepage, and I’m going to make an update which should make the background image cover a bit more when viewed on mobile devices. What I’ll be changing is the background-size: auto
to cover
instead. You can change this in your css in the responsive section mentioned in my first reply above like this –
.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7,
.footer-widgets {
/*background-attachment: scroll;*/
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
If you want me to add these 2 adjustments in your CSS for you just let me know. All I would need is a Temporary login and I can get this added in immediately.
Just let me know