Hi Guys,
Finished my nice new pro header, it is doing everything I wanted. sorting out other bits and bobs on the site and used the magnifying glass on the standard woocommerce product picture. this takes you to a large overlay to view the new sized image. Quite unexpectedly I found my header sitting right across the top of it.
https://www.ijconline.co.uk This seems to happen on any product.
Any guidance gratefully received.
Hi Supajiggi,
Thank you for writing in, that is happening because your header bars z-index is higher than the z-index of the lightbox modal. One of your bar has a z-index of 999999, so your modal should have at least z-index: 1000000;
To resolve that, you need to apply a higher z-index on the lightbox modal via custom CSS,
You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial
Cheers!
On the ball as always. have amended the bar’s z-indexes in “pro” to much lower numbers and staggard the numbers for priority and all works well.
Many thanks.
Ian
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
