Streaming live at 10am (PST)

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

Hello,

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!

(projects/multimedia/subway-scurry)

Here is my read-only link (Desktop): https://preview.webflow.com/preview/adannas-blank-site?utm_medium=preview_link&utm_source=designer&utm_content=adannas-blank-site&preview=619ca7beb7cead50c2db6a1e0f086a72&pageId=5f2b2a7bdb8d7a0f98f3ccbe&mode=preview

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:

image

2 Likes

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