Hey everyone 
I have a popup on this page: Careers.
When you click the “Apply Now” button, a form appears inside the popup. The form includes a country code input (like the one in the screenshot).
It works perfectly on desktop, but on tablet and mobile, the country code dropdown (or flag selector) appears behind the popup, which looks really weird.
I also have this same field on my Contact Us page: Contact Us, and it works fine on all devices — so it seems like the issue is related to the popup specifically.
Has anyone faced this issue before or knows how to fix it?
Thanks in advance! 
Here is my site Read-Only: Webflow - Heyy
1 Like
Hi there,
For popup forms with country code dropdowns, you’ll need to ensure proper z-index layering and positioning. Here’s how to structure your popup form correctly:
The Form element should be placed inside your popup wrapper div, with the following recommended settings:
- Set the popup wrapper’s z-index to a high value (like 999) in the Style panel
- Apply position: relative to the Form element
- Use max-width combined with width: 100% on the Form for responsive behavior
- Ensure the dropdown trigger has position: relative and a z-index value higher than the popup’s background
You can find more details about building popup forms in our Form element inside the popup wrapper documentation.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
1 Like
Hello @Agha_Hussain2,
Did you fix your issue? I took a look at your pop-up on my iphone 13 and it looks just fine, it all works as expected.
1 Like
