Title: Z Index problem
Last modified: March 28, 2018

---

# Z Index problem

 *  Resolved [documentaryvine](https://wordpress.org/support/users/documentaryvine/)
 * (@documentaryvine)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/z-index-problem-5/)
 * Hi,
 * I used this code to ensure that the menu didn’t fall behind another element (
   video).
 * #{$wrap} {
    position: relative; z-index: 99999999; }
 * That worked successfully, the only problem now is that when I click “turn off
   light”, the menu bar doesn’t darken.
 * I’ve had this plugin installed before but can’t remember what I did to fix that
   problem before, any ideas?
 * Thanks.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fz-index-problem-5%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/z-index-problem-5/#post-10123619)
 * Hi documentaryvine,
 * Currently:
 * The “lights off” overlay has a z-index of 10.
    The video has a z-index of 999.
   The menu has a z-index of 9999999.
 * Trying to figure it out, with imaginary z-indexes:
 * Video: 10
    Menu: 20 (this needs to be higher than the video one so that the menu
   appears above the video) Overlay: This needs to be below the video (<10) but 
   above the menu (>20).
 * I think it’s impossible. It’s frazzling my brain a bit thinking about it – please
   correct me if I am wrong!
 * You’d need to use some JavaScript which fires when the overlay appears, which
   changes the menu z-index to something below the video.
 * Regards,
    Tom
 *  Thread Starter [documentaryvine](https://wordpress.org/support/users/documentaryvine/)
 * (@documentaryvine)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/z-index-problem-5/#post-10123672)
 * I’m a complete newbie so I have no idea.
 * The weird thing is that I didn’t have this problem for over a year.
 * But deleted and reinstalled Max Mega Menu a few days ago because I thought it
   was conflicting with something (it wasn’t) and now have the problem?
 *  Thread Starter [documentaryvine](https://wordpress.org/support/users/documentaryvine/)
 * (@documentaryvine)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/z-index-problem-5/#post-10123696)
 * OK say I searched through themeforest support queries for the theme I own and
   solved this problem my deleting this….
 * #{$wrap} {
    position: relative; z-index: 99999999; }
 * And inserted the following code into my themes custom css field:
 * ul.mega-sub-menu{
    z-index: 9999999!important; }
 * So that must be what I did before 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Z Index problem’ is closed to new replies.

 * ![](https://ps.w.org/megamenu/assets/icon-128x128.png?rev=1489843)
 * [Max Mega Menu](https://wordpress.org/plugins/megamenu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/megamenu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/megamenu/)
 * [Active Topics](https://wordpress.org/support/plugin/megamenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/megamenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/megamenu/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [documentaryvine](https://wordpress.org/support/users/documentaryvine/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/z-index-problem-5/#post-10123696)
 * Status: resolved