How can I make a drop down menu display over a video on my site?

Technical Q&A

Topic summary

Drop-down menu in the site header is appearing underneath a video; the goal is for the menu to overlay the video across the homepage.

  • Proposed fix: Add CSS .header-menu { z-index: 99999; }.
  • Outcome: The change did not work; the menu still appears below the video.

Status: Unresolved. Further solutions were requested.

Key term: z-index — a CSS property that controls the stacking order of overlapping elements. Higher values are intended to place elements above lower ones when stacking contexts apply.

Media note: The presence of the video element is central to the issue because it visually blocks the menu’s dropdown.

Summarized with AI on December 13. AI used: gpt-5.
2

You can try adding the following CSS code to your theme: .header-menu { z-index: 99999; }