Black large "padding" under hero image

Hi! I have intro Version: 1.06

I still love the layout!! it has been in use for at least 3 years :slight_smile:

http://steeljungle.org/

Now I just made a new header image, witch is much less on height than the last one. I looks good now on large resolution, but when I scale down the site, i get this black large “padding”:

How make that large black empty are to disappear?

Yours,
Pekka

Hi Pekka,

Please try these CSS code below:

@media only screen and (max-width: 1024px) {
  #header-banner {
    min-height: auto;
    height: 750px;
  }
}
@media only screen and (max-width: 768px) {
  #header-banner {
    min-height: auto;
    height: 550px;
  }
}
@media only screen and (max-width: 414px) {
  #header-banner {
    min-height: auto;
    height: 300px;
  }
}

Put the code into: Customize > additional CSS.

Regards,
Awan

Thank you, this is great!

Now how can I put an image on the black space that I have there now below the “EXPERIMENTAL FINNISH METAL” text?

That would make the layout perfect!

Pekka