On that test site —> http://csai.grafcomm.ca/ if you click on one of the “Welcome to the CSAI” (in different language) you will see a JCE Mediabox (Lightbox by the renown JCE Editor) coming with a video. On Safari and mobile you can see clearly the Rev Slider arrows punch trough the transparent media box background (same on IPhone). Seems correct on Firefox on Chrome…
That Mediabox background is set to a very high z-index (10000 just for testing) and even if I set up in the settings of the slider “Put Behind Menu” to yes — The navigation arrows (and also the bullets) keep punching trough.
The only way I can make it go behind the lightbox is by giving to the arrows a negative z-index (-1) but the navigation cease to work.
On that test site —> http://csai.grafcomm.ca/ if you click on one of the “Welcome to the CSAI” (in different language) you will see a JCE Mediabox (Lightbox by the renown JCE Editor) coming with a video. On Safari and mobile you can see clearly the Rev Slider arrows punch trough the transparent media box background (same on IPhone). Seems correct on Firefox on Chrome…
That Mediabox background is set to a very high z-index (10000 just for testing) and even if I set up in the settings of the slider “Put Behind Menu” to yes — The navigation arrows (and also the bullets) keep punching trough.
The only way I can make it go behind the lightbox is by giving to the arrows a negative z-index (-1) but the navigation cease to work.
Do you have an idea
how do i open the mediabox
Oups, I’m Sorry. You can click on the “Welcome to CSAI” in english or in another language — A video will appear with the lightbox.
Also it seem that the problem come from —> /media/com_uniterevolution2/assets/rs-plugin/css/settings.css
This style: -webkit-transform: translateZ(1000px);
I need to verify — What should I do ?
The problem was this style —> -webkit-transform: translateZ(1000px);
in /media/com_uniterevolution2/assets/rs-plugin/css/settings.css
Commenting out this fix the problem