CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Tomas Alonso Rehor
Tomas Alonso Rehor

Reputation: 265

Mobile view misplacement

profit website for an organisation.

this is the link www.notevayaslionel.com

Website is great in desktop however when you go mobile you can see that apparently the image in the background is bigger than the window screen and you can scroll sideways.

How con I solve this? I dont want any sideway scrolling.

This is my CSS:

/*  Parallax Background ==================================================*/
#parallax {
    height:100%;
    width:100%;
    top:0;
    position:fixed;
    background-image:url(https://trancazos.files.wordpress.com/2016/06/las-redes-sociales-a-messi-no-te-vayas-lio.jpg?w=1024);
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -100;
}

Upvotes: 1

Views: 43

Answers (1)

Afsar
Afsar

Reputation: 3124

Add this to your styles . It will make your website responsive:

#centeralign iframe {
 width: 100%;
 max-width: 500px;
}

Upvotes: 1

Related Questions