Looking to enhance the website for an organization?
Check out this link: www.notevayaslionel.com
The website looks great on desktop, but on mobile devices, there seems to be a problem where the background image appears larger than the screen, causing sideways scrolling.
Any suggestions on how to fix this issue? I want to eliminate any sideways scrolling.
Here is the CSS code I am using:
/* 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;
}