Hi Anya,
Could you please share a link or screenshot where the issue can be seen?
It would help us to understand the issue.
Thanks,
WisdmLabs
Hello,
http://i42.tinypic.com/nfnygx.jpg
http://i41.tinypic.com/122ga6f.jpg
Here are the screenshots of my test blog, so you can see the issue. The Enquiry button of your plugin is right below ‘Buy Me’ button. When I click the Enquiry button, the window pop-up of Product Enquiry goes below all other plugins (and not anove as it should).
In the second screenshot you can see how the Image Zoom plugin I am using goes above the window. Same issue happens when I am using the Facebook’s Like/Share buttons below Buy Me button – they above the Enquiry window as well.
Hello Anya,
Thanks for sharing these screenshots.
We got the issue. The issue is because of z-index property of CSS.
If an element’s z-index value is higher than other overlapping elements. That element is shown above other elements. That means, here the z-index values of Facebook ‘Like’ button and the Image are higher than the Product Enquiry window.
To resolve this issue, either the z-index value of the enquiry window should be made highest or z-index values of other elements should be made lesser than enquiry window.
Now, which element has which value and where the changes are required can be known if we have the product URL with us.
So, could you please share the link/URL of a product on your site, so that we could suggest you the changes to fix the issue.
Thanks,
WisdmLabs
Hello,
Wow, thanks so much for your help! It’s much clear now for me what the problem was. My website is still under construction, but the issue can be seen here.
If you could let me know which changes should I make to fix this, I would gladly appreciate it! 🙂
Please open the file – /wp-content/plugins/product-enquiry-for-woocommerce/css/contact.css
and look for the syntax #contact-container {….} (at line no. 18)
Just add one more property over there –
#contact-container {z-index: 99999 !important; ……}
Cheers !!!
