Special Class On Jumbotron Hiding H1 Title

I’ve added a ‘special’ class to a Jumbotron to keep the Jumbotron's height 100% of the users browser window (no matter what size). However when I apply this class to a div wi

Solution 1:

Yes.. On a 5s. Is your phone up to date?

Solution 2:

Removed:

.special,.special.jumbotron{
    height:100%;
}

Added

@mediaonly screen and (min-width: 768px) {
.special,.special.jumbotron
{height: 100%;
}
}

This stopped the Jumbotron forcing 100% height on mobiles which was causing the elements to be hidden.

Sam