My responsive background image isn't displaying properly on mobile devices after I deployed my project to Github. Although it appears correctly under the Google Chrome inspect mobile tool, when accessed live on a mobile device, the image covers the background but is zoomed in to the top left corner.
I'm using materialize for the project but basic CSS for the background image implementation.
Below is the code snippet for the background image:
html {
background: url(../assets/images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
You can view the live site here:
I would greatly appreciate any help!