background-size: cover only fits width

Question

I have an "horizontal" image as background (it's 2048x1148).

I set background:url("") no-repeat scroll center top / cover and in desktop mode everything is ok. In mobile though I can't get the background-image to scale and automatically cover the height. Shouldn't background-size:cover do it automatically?

Here's the live site.

Answer 1

Make your page cover the hole viewport:

html, body{
   height: 100%;
}

or use min-height.