I’m trying to get the hero image height to be 100%. I’ve tried using both widgets and though the CSS has height: 100% the height is a third of the image size. Width of the image is fine.
Image size: 1920×800
Widget Styles – default values
Livemesh Hero Header:
.lsow-hero-header .lsow-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
Hero Section CSS:
.segment .parallax-bg, .segment .image-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;