Hey people,

Just a little stuck and would appreciate some help. Just added a darker overlay to full height hero banner on my home page and thought that it would look pretty cool if I changed the “position: absolute” to “position: fixed” which looks great. My issue is that now my footer is displaying the video over the top of it. Would appreciate it if anyone knew how I could keep the same full height effect and restore the Footer background to black?

Page is here – https://www.in2drums.com/wordpress/

This is CSS that I used to change the position

.fl-row-bg-video .fl-bg-video {
      position: fixed;

}  

footer {
position: relative;
}
.fl-page-footerc{
border-top: 0;
}

hope this helps,

Thanks,
Molay

That did the trick!