Dear @nehadigit,
Thank you for the topic.
We have checked and noticed the case you are referring to.
But, please note, that this element doesn’t belong to our plugin. The problem comes from the CSS codes written in that plugin.
The z-index of that plugin has a low value, due to which the country list is opened behind the popup box.
See the screenshot below:
Though the problem doesn’t come from our plugin, our Development Team created a new CSS code to help you achieve your desired result.
Please take this CSS code and insert it into the Popups > particular popup > Styles tab > Custom CSS option.
Then, replace YOUR_POPUP_ID with the corresponding Popup ID (e.g. 3, like this .ays-pb-modal_3).
Do not delete the space after it.
Do not forget to clear the cache afterward.
Here is the CSS code:
.ays-pb-modal_YOUR_POPUP_ID .iti__country-list {
z-index: 99999 !important;
}
Please check this and let us know about the outcome.
Thank you.
Dear @nehadigi,
Thank you for your reply.
Our Dev Team has created a new CSS code to help you achieve your desired result. Please try to insert the following one:
.iti-mobile .iti--container {
z-index: 9999999999 !important;
}
However, if this CSS code can’t work for you as well, please get in touch with that plugin Support Team so they can help you in this regard (as it is their code).
Thank you.
Dear @nehadigit,
Thank you for your reply.
Glad to hear that!
If your query is resolved please take a moment to rate and review the plugin or support.
Many thanks in advance!