shinnmill
asked on
Reveal Modal z-index issue
Hi, I'm trying to get the Reveal Modal to work here:
http://www.popweightloss.com/
link is hidden in white text, in header, in white section, just under "Online Program" link in upper navy header. it is white text that says "Modal"
when clicked on it drops down a video, which is cool, but can't seem to get gray nav bar behind modal background - i had it working in a widget, but when i moved it inside header.php something happened.
not sure if it is a z-index issue or something related to css inheritance...
thanks.
http://www.popweightloss.com/
link is hidden in white text, in header, in white section, just under "Online Program" link in upper navy header. it is white text that says "Modal"
when clicked on it drops down a video, which is cool, but can't seem to get gray nav bar behind modal background - i had it working in a widget, but when i moved it inside header.php something happened.
not sure if it is a z-index issue or something related to css inheritance...
thanks.
There's a class .jqueryslidemenu with a z-index of 2000. Either remove it or lower the z-index and you'll be good.
ASKER
I'll try that, but I believe at one point I had the z-index of the Modal background at 9998 and the Modal itself at 9999 and it wasn't working at that point either.
ASKER
i take that back - i'm no expert :)
that does work, but i'm afraid of changing that .jqueryslidemenu z-index value of 2000 or removing it, as i didn't build this theme, just hacked, i mean customized it.
how come, changing the modal background z-index to 2001 and the modal z-index to 2002, doesn't work for this?
thanks for the quick response
that does work, but i'm afraid of changing that .jqueryslidemenu z-index value of 2000 or removing it, as i didn't build this theme, just hacked, i mean customized it.
how come, changing the modal background z-index to 2001 and the modal z-index to 2002, doesn't work for this?
thanks for the quick response
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
changing it to 100 works.
thanks.
couple of questions:
how come it works with 100, 200, 300, but not 400 and above?
how did you determine that was the issue?
thanks.
couple of questions:
how come it works with 100, 200, 300, but not 400 and above?
how did you determine that was the issue?