I'm designing page where the background image of a div is fixed and covers the width of the screen. It works fine from IE11 on a PC. Live example here: drakken-portfolio.herokuapp.com
My problem is that the background-size: cover, css attribute seems to be funky across some mobile devices, particularly Android devices. The background image is stretch to it's full length regardless of the viewport size on any mobile Android. Is there a work around for this?
CSS Listed below:
.bg-ocean {
background: image-url('ocean-background') no-repeat center center fixed;
background-size: cover !important;
}