When image slider goes full screen, the slider content drops to the background, never had this issue prior to the latest update. How do I fix the z-index issue?
Hi there,
I tried checking your site but I can’t seem to see the issue that you have mentioned.
Please try to clear your cache.
Did you click the image to go full-screen?
Hello There,
Thanks for updating in! I have clicked the image and this is what I see:
Did you already cleared your cache? I can see that you are using Minify plugin and also with a CDN. Please make sure that you have purge the site cache to make sure that the latest code and changes will display and not just a cache version.
Please let us know how it goes.
My screenshot also shows this. Again the issue is that the image (slider) should appear on top of the text elements. This is not a caching issue. It is a z-index issue that was not a problem before.
The user is not supposed to see the page content over the slider image. The slider image is supposed to appear on top of the content so as to appear full screen with no content obstructing it.
Hello There,
To make sure that the slider image will appear on top of the content so as to appear full screen with no content obstructing it, please make use of this custom css
#x-section-1 {
z-index: 9999999999999999;
}
There could be some changes in the rev slider plugin or in Cornerstone’s section which has caused the issue. You said it is working previous and after the update it no longer works. We can not confirm this is correct or not. If you could set this in a staging area so that we can fully investigate without affecting your live site that would really help.
Thank you for your understanding.
This CSS has no effect on page. I have setup a copy on the staging server for you to investigate. I will add the login details in the Secure Note.
I would appreciate a speedy fix.
Hi,
You can try adding this in PRO > Builder > CSS
#x-section-2 {
z-index:0;
}
Hope that helps
Ok, that seemed to do the trick. Can you explain why it was necessary and I could not make it work without adding more CSS?
Hi @paullalley
Our team is taking a look and running some tests to check if there were some changes on the plugin which we don’t know as Rue Nuel mentioned.
By inspecting your website we could see the issue was being caused by the z-index and we managed to provide you a solution.
Please use this CSS to fix the issue. You could also try to rebuild your slider as we have not heard any similar reports from other customers.
Hope it helps
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.