Revolution Slider is not filling the screen

[lorchme]

I created a header with revolution slider as a background image. It isn’t filling the screen. I have the height set to 100 VH in the bar for the image.

Is there something I am missing?

[rad]

Hi @lorchme,

Thanks for reaching out.

It’s due to the body height, basically, your slider act as a background so the overlaying elements are the only valid content. And body’s dimension only relies on existing content. To fix it, please add this CSS to header builder’s CSS.

body {
min-height: 100vh;
}

Hope this helps.

Thanks!

[lorchme]

Thanks that worked except on a mobile view there is white space on the top and bottom.

[paul.r]

Hi @lorchme,

Since you use the header as full content, you can remove the main content area by adding this in Cornerstone > CSS

.x-main.full {
    display:none;
}

Hope that helps