Header image scaling problem


#1

Whether i load a 1920 px or 1024px header image it always is scaled too big or cutoff.
Tried a lot of things but never works.
Looked in the css and the overlay is at 991px max. Can it have anything to do with it.

Put an example on www.junglepilot.be
further developed site is on other host.


#2

It’s a background image set to cover, so it doesn’t really behave like a regular image.

Try adding this to a custom CSS plugin:


@media only screen and (min-width: 1025px) {
    .has-banner:after {
        background-size: contain !important;
    }
}


#3

So i bought the pro version.
Tried out the Revolution slider with contain on.
No header appears.
Loaded an mp4 to the medialibrary switched on video background.
No header appears.
Still testing on www.junglepilot.be
Kinda giving up on the headers here.

Grtz
Wim


#4

Sorry to hear about your troubles, but both the Revolution Slider and the video header work, though I suggest using Revolution Slider as it is more powerful. If you can send me an admin account at vlad[at]athemes.com I can quickly configure it for you and you can see it in action and then you can configure it as you need.