Fixed Background Cover Becomes Zoomed In Mobile View

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 image becomes

Solution 1:

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

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

Solution 2:

Here you go :)

Add the below to your style...

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

I hope this helps

Solution 3:

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;