[Resolved] Footer showing up behind video

[Kevin]

I added css to add video background to main page with following css

video {
object-fit: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}

Added Hook on main page with following code

<video playsinline autoplay muted loop poster=”polina.jpg” id=”bgvid”>
<source src=”video.mp4″ type=”video/mp4″>
</video>

for generate_before_header

Video is showing up fine but part of the footer is either not showing or showing behind the video.
Check in the url below.

Thanks.

[David]

Hi there,

try adding this CSS:

.site-footer {
    position: relative;
}

[Kevin]

Perfect…thank you.

[David]

You’re welcome

[Author]

Posts