mobile device - different background - media query not working
- by AMC
Live site.
This is my first attempt at utilizing a different CSS for mobile devices vs. regular screens.
To do this, I'm using-
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
background: url('img/background.jpg') no-repeat center center fixed;
background-size: cover;
height: 100%;
}
However, it doesn't seem to be working (I can only test on iPhones). Any ideas as to why that may be? I've also tried @media all to no avail.