Tomas Alonso Rehor Tomas Alonso Rehor - 5 months ago 22
CSS Question

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;
}

zan zan
Answer

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

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