Z Index problem

  • Resolved documentaryvine

    (@documentaryvine)


    8 years, 1 month ago

    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 to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author megamenu

    (@megamenu)

    8 years, 1 month ago

    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

    (@documentaryvine)

    8 years, 1 month ago

    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

    (@documentaryvine)

    8 years, 1 month ago

    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.