Screencast Tuesday: Drop-Down Menu Woes

Have you ever had a problem where your drop-down navigation is behind an image or a YouTube video? This week we take a look at using the z-index property and apply a little custom CSS to fix the drop-down problem.

When you have the problem with a YouTube video, you just add “?wmode=transparent” or “&wmode=transparent” to the source URL of your iframe embed code and you’ve fixed the problem with YouTube Videos.

Check out how to do apply these simple techniques to fix your drop-down woes.

Spread the word!

5 Responses

  1. Hi AJ,

    Thanks for the tutorial, but it doesn’t work on Chrome or Internet Explorer. This is driving me crazy. I’ve been trying to find this answer out for months but can’t find it. Any ideas?

    • It’s possible that YouTube has changed again and the exact process I used here doesn’t work for every situation anymore. :/ Each browser could be a little different.

  2. HI AJ,
    I have another issue with the Z index.  Please help.  I am using an IDX plugin which posts a map up to my page that should have properties overlaying.  When I hover over the properties I can see the box with property details is hidden behind the map.  I am not able to edit that.  I don’t even know what the element is called.  Thanks!

Leave a reply

Copyright © 2016 Vesped Inc. All Rights Reserved. Proudly Powered by Headway and WordPress