Background Image Not Sized Correctly, What Am I Doing Wrong

[Ranger SVO]

Just what the title says, most of the background image is missing. It should look like this

[url=https://ibb.co/z4nGM26][img]https://i.ibb.co/z4nGM26/background-image.jpg[/img][/url]

but it doesn’t.

this is the css used with #intro-image
min-height: 400px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;

What am I doing wrong.

Codepen https://codepen.io/william-r-farrar/pen/NeEveX

[Shikkediel]

I wouldn’t say you’re doing anything wrong, it’s a side effect of using cover. You could try contain instead.

[Ranger SVO]

Thank you for your response, it is appreciated. I just realized what the problem is.

The top header (.adzone-top) has a position: fixed: setting. This means that the background image (#intro-image) or part of it is behind the top header.

Anyway, thanks again. I’ve got some work to do.

[Author]

Posts