CMS Development

anaarrubla
Membre

hero banner background image height problems

Hi, I have a hero banner with a background image. The width it's always ok, always 100%, but above 1200px I started to lose the 100% of height. 

How can I have 100% height any suggest?

this is my site link: https://www.contreebute.com/compensaciones-ambientales

0 Votes
4 Réponses
dennisedson
Équipe de développement de HubSpot
Équipe de développement de HubSpot

hero banner background image height problems

@anaarrubla 

for .hero:

 

background-size: contain;
background-position: left top;

 

anaarrubla
Membre

hero banner background image height problems

@dennisedson  Thanks for your aswer. when I do that I loose 100% width and start appearing a bottom gap 

0 Votes
AlexanderData
Membre | Partenaire solutions Diamond
Membre | Partenaire solutions Diamond

hero banner background image height problems

One option would be to add the height: 600px

.hero {
     height: 609px;
}
Regards.

anaarrubla
Membre

hero banner background image height problems

@AlexanderData  if I do that I loose 100% width under 1400 px

0 Votes