Reply To: Image in page header not showing all of it?

[Tom]

Hi there,

This is just the way CSS background images work – they will fill the area they’re applied to depending on their aspect ratio. If the aspect ratio was perfect, the entire image would show, but even then it would be different as you changed the aspect ratio (reduced the screen size for example).

You can force it to show the full height of the image using CSS, but this will cause an issue where it will repeat if the image isn’t wide enough:

.generate-content-header {
    background-size:contain;
}