The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Extra White Space – Help! Reply To: Extra White Space – Help!



I think you have to define a height like 640px in .hero and play with media query to adjust the container, also removing .inner { /padding-top: 170px;/ }

.hero {
background-image: url(../img/hero-bg.jpg);
background-repeat: no-repeat;
position: relative;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
width: 100vw;
top: 0;
bottom: 0;
display: block;
overflow: hidden;
padding-bottom: 0%;
margin: 0 auto;
background-position: 50%;
margin: 0 auto;
max-height: 400px;
max-width: 1920px;

and adjust with media query for the other screen sizes, sorry if didnĀ“t help.