Greetings,
We have fixed the issue with the following style :
.pum {
z-index: 500 !important;
}
Please add this code to the bottom of your style.css or you can add it to the Contact Style -> CSS editor too.
Contact Form 7 Style css editor looks like this: https://s.w.org/plugins/contact-form-7-style/screenshot-6.jpg?r=1533000
If you enjoy our work, please feel free to give us a five star rating or consider donating.
Have a great weekend,
Lehel
Super product, superb support.
It worked. Thanks.
5*
Greetings,
We are glad that it worked.
This ticket is marked as resolved.
Best Regards,
Lehel
One mommment please.
Is there a possibility that this plugin led to another issue I observed today?
Remember that my Contact Form is inside a popup (made with Popup Maker plugin).
I created a new popup (in addition to the first one I had)and I noticed that the popup overlay which used to cover the entire page and its header, footer and every other thing no more work this way ON MOBILE DEVICE view.
I noticed now that ON MOBILE DEVICES, the overlay doesnt cover the header and a support chat plugin I had installed.
Before today, it was working ok – it covered everything and the popup looked more like a Landing Page, which was my main intention.
Is there a possibility that this plugin (or the code I put yesterday) has anything to do with it
Any ideas how I can get the overlay to cover everything on the page as it used to both on PC and Mobile?
Thanks again
Greetings,
Please try to add:
.pum {
z-index: 950 !important;
}
.purechat {
z-index: 940 !important;
}
The snippet from above should do the job.
Good luck,
Lehel
Do I need to report back that it worked?
Sure it did work. A million thanks
<<- Popup Maker Author here.
@mlehelsz – You just need to set the popups higher than everything but the form fields, or in a better world you would set the form fields to be the highest possible z-index so as to always be on top, but that would be a patch for either this or CF7 not Popup Maker 😉
Greetings Danieliser,
Great job on the WordPress community work with all the contributed plugins.
We gave this answer as a solution for this isolated case. We have checked every possibility and the conclusion was to override the popup z-index rules.
Those values were huge, and the custom drop-down renders it’s elements in the bottom of the DOM so it is almost impossible to outnumber that huge value from the popup. (it was z-index: 1999999999; ) Because of this, the drop-down values worked, but they were not visible for the user to see.
As you said above, the popup needs to have values higher than most objects (not everything), but this was a special case.
Best regards,
Lehel
