Mobile Background Image Issue

Shapely
1

Good morning. I reviewed the information and about others having issues on Mobile devices and the background image on the front page. I added the following code, but it still does not display correctly.

Under http://quirktools.com/screenfly it looks correct. On my iphone 6 it does not. Screen shot from iPhone 6 is attached.

Thank you!

@media (max-width: 760px){
#shapely_home_parallax-2 .parallax-window.fullscreen {background: url(“http://www.petoskeyskiteam.com/wp-content/uploads/2017/10/PHS_FP.jpg”) no-repeat #fff; background-size: 100%;
height: 69vh;
}

#shapely_home_parallax-2 .parallax-window.fullscreen .align-transform{
top: 25%;
}

#shapely_home_parallax-2 .cover.fullscreen{
height: auto !important;
}

2

Hi,

What happens if you remove the Custom CSS? It seems it works just fine without the CSS, can you check that?

OR Can you check this altered height of your Custom CSS,

@media (max-width: 760px){
#shapely_home_parallax-2 .parallax-window.fullscreen {background: url(“http://www.petoskeyskiteam.com/wp-content/uploads/2017/10/PHS_FP.jpg”) no-repeat #fff; background-size: 100%;
height: 50vh;
}
#shapely_home_parallax-2 .parallax-window.fullscreen .align-transform{
top: 25%;
}
#shapely_home_parallax-2 .cover.fullscreen{
height: auto !important;
}

Let us know,

Thanks,
laranz.