Streaming live at 10am (PST)

How to fix Sticky Sub-nav bar going under video elements when scrolling


On one of my pages, I have a sticky sub-navigation for each section of the page. However, every video element ends up on top of the navbar instead of the nav being above it. I’m not sure what I’m doing wrong here. When I switched the video element to static, the problem stopped but the video itself was gone. A little help will be greatly appreciated. Thanks!

Welcome to the community!

This is a pretty easy fix, just adjust the z-index of your sticky header to something huge so that it always sits above other elements on the page:



Woah thank you Mike! That sure was an easy fix.