CMS Development

anaarrubla
Miembro

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 Me gusta
4 Respuestas 4
dennisedson
Equipo de producto de HubSpot
Equipo de producto de HubSpot

hero banner background image height problems

@anaarrubla 

for .hero:

 

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

 

anaarrubla
Miembro

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 Me gusta
AlexanderData
Miembro | Partner nivel Diamond
Miembro | Partner nivel Diamond

hero banner background image height problems

One option would be to add the height: 600px

.hero {
     height: 609px;
}
Regards.

anaarrubla
Miembro

hero banner background image height problems

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

0 Me gusta