Title: Select field displaying wrongly
Last modified: September 21, 2022

---

# Select field displaying wrongly

 *  Resolved [cucapah](https://wordpress.org/support/users/cucapah/)
 * (@cucapah)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/select-field-displaying-wrongly/)
 * I created a form with many select fields. They don’t display well, click on them
   to see, also, scroll the page down and see how the fields display over the top
   menu.
 * I have uploaded a video to show:
 * [List Field](https://jmp.sh/ScSFEGw)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fselect-field-displaying-wrongly%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [Aakash](https://wordpress.org/support/users/aakash8/)
 * (@aakash8)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/select-field-displaying-wrongly/#post-16032445)
 * Hi [@cucapah](https://wordpress.org/support/users/cucapah/)
 * It looks like this might be happening due to some conflicting CSS on your site/
   the forminator plugin.
 * You can add this CSS wherever appropriate for your site to solve the issue:
 *     ```
       .forminator-select {
           z-index: auto;
       }
       ```
   
 * Hope this helped.
 *  [Aakash](https://wordpress.org/support/users/aakash8/)
 * (@aakash8)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/select-field-displaying-wrongly/#post-16032518)
 * Adam – [@wpmudev-support8](https://wordpress.org/support/users/wpmudev-support8/)/
   WP Dev MU Staff
 * This issue was caused by a CSS rule in [Modern Events Calendar Lite](https://webnus.net/modern-events-calendar/)
   6.6.4 effecting Forminator 1.18.1 (and probably other versions).
 * The CSS file in question from Modern Events Calendar – [https://library.imperialcounty.org/wp-content/plugins/modern-events-calendar-lite/assets/css/frontend.min.css?ver=6.5.6](https://library.imperialcounty.org/wp-content/plugins/modern-events-calendar-lite/assets/css/frontend.min.css?ver=6.5.6)
 * The issue CSS rule in the file –
    `.select2-container{z-index:99999999}`
 * Rule causes select field dropdown menu to be obscured by other elements.
 *  Thread Starter [cucapah](https://wordpress.org/support/users/cucapah/)
 * (@cucapah)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/select-field-displaying-wrongly/#post-16032591)
 * Hi [@aakash8](https://wordpress.org/support/users/aakash8/)
 * Thank you so much for your prompt response.
 * I do have Modern Events Calendar installed and active in the site. So How can
   I solve the issue? do I have to deactivate ME Calendar?
 *  [Aakash](https://wordpress.org/support/users/aakash8/)
 * (@aakash8)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/select-field-displaying-wrongly/#post-16032598)
 * Hi [@cucapah](https://wordpress.org/support/users/cucapah/)
 * Glad to help!
 * As mentioned above, you can add this CSS rule to solve the issue:
 *     ```
       .forminator-select {
           z-index: auto;
       }
       ```
   
 * A common way to do this is go to `https://example.com/wp-admin/customize.php`(
   replace “example.com” with your site, so [https://library.imperialcounty.org/wp-admin/customize.php](https://library.imperialcounty.org/wp-admin/customize.php)).
   
   Then open the “Additional CSS” tab, and paste the code above into the text field.
 * If that doesn’t do the trick, try:
 *     ```
       .forminator-select {
           z-index: auto !important;
       }
       ```
   
 *  Thread Starter [cucapah](https://wordpress.org/support/users/cucapah/)
 * (@cucapah)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/select-field-displaying-wrongly/#post-16035176)
 * Hi [@aakash8](https://wordpress.org/support/users/aakash8/),
 * That did it. I had to use the !important one.
 * Thank you!
 *  Plugin Support [Jair – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport15/)
 * (@wpmudevsupport15)
 * [3 years, 8 months ago](https://wordpress.org/support/topic/select-field-displaying-wrongly/#post-16035365)
 * Hi [@cucapah](https://wordpress.org/support/users/cucapah/),
 * We are happy to hear that the issue has been resolved.
    Please let us know in
   case you need further help.
 * Kind regards,
    Zafer

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Select field displaying wrongly’ is closed to new replies.

 * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182)
 * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/forminator/)
 * [Active Topics](https://wordpress.org/support/plugin/forminator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/)

 * 6 replies
 * 3 participants
 * Last reply from: [Jair – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport15/)
 * Last activity: [3 years, 8 months ago](https://wordpress.org/support/topic/select-field-displaying-wrongly/#post-16035365)
 * Status: resolved