Video overlapping navigation bar

1

Here is what I have… https://codepen.io/aetones/pen/ExVzOXB

As you can see, the video overlaps the navigation bar, but not the form element. I’m not sure what caused this and can’t figure out why this is happening. Any help is appreciated, thank you.

2

What you can do is try to put z-index of a high value on the nav-bar. Ex:

nav-container {
  z-index: 500;
}

This will make it go on top of everything else.

3

I’m not familiar with z-index, so I’ll have to look into it. However, this did work. Thanks.

4

Here’s some resources for z-index that you can read about:

1 Like