Fixed background cover becomes zoomed in mobile view

Question

I\'m using a fixed background cover for my website here: http://www.datisdesign.com

Every page has a big header image, but in small devices such as mobiles, the cover im

Answer 1

Try this one out

background: url(image.format) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

Answer 2

I solved my problem by limiting the capability to the large tablet screen size.

@media screen and (max-width: 992px) {
    #parallax {
        background-attachment: scroll;
    }
}

Answer 3

Here you go :)

Add the below to your style...

background-size:100%;
width:100%;

I hope this helps