How to the make dropdown for contact form7 work responsively with mobile? [closed]

If you’re looking to build responsive Contact Form 7 with a rich grid-layout (multiple-column layout) I would recommend you look at the Smart Grid-Lyout Extension for Contact form 7 plugin.

It has a UI editor that allows you to design a grid layout for your form fields.

In addition, it has the ability to turn dropdown fields into beautiful jquery select2 fields which are much more mobile-friendly as they don’t need to scroll down long lists to select an option. Simply built your dropdown tag with the additional select2 class to convert them,

[select* how-did-you-hear-about-us id:hear-about-us class:select2 first_as_label "Select your option" "Search Engine" "Direct Mail" "Auction" "Referral" "Other:"]

Related Posts:

  1. How to add placeholder for contact form7 for dropdown? [closed]
  2. How to use other shortcodes inside Contact form 7- forms? [closed]
  3. How to execute a server side script when contact form 7 is submitted? [closed]
  4. Contact Form 7 – add custom function on email send [closed]
  5. How to resolve “Failed to send your message” problem for Contact Form 7? [closed]
  6. How to choose email recipient in Contact Form 7 based on address state input in form and save to database [closed]
  7. Adding a hyperlink to the checkbox in the contact form 7 [closed]
  8. Horizontal (columned) Contact form 7 and acceptance field on devices
  9. Contact form 7 dynamic text extension – populate form with title from previous page [closed]
  10. Insert Captcha Code info Any Form (Created of Plugin)
  11. How to programmatically send additional notification emails in Contact form 7 [closed]
  12. Prevent CF7 attachment from being deleted [closed]
  13. search form results – dynamically adding email addresses to contact form 7 [closed]
  14. Contact form 7 is sending an unwanted autoresponse [closed]
  15. Contact Form 7 add ID to radio buttons [closed]
  16. Contact Form 7 – Send attachment to submitter? [closed]
  17. Align reCaptcha to right on Contact Form 7 [closed]
  18. Contact Form 7 – Debugging email send failres [closed]
  19. Error installing Contact Form 7 [closed]
  20. Contact Form 7: Email custom HTML inputs or make a field readonly [closed]
  21. CF7 conditional logic [closed]
  22. How i can remove span in the CF7 without touching error span?
  23. Simple and customizable contact form with option to send copy to submitter [closed]
  24. Trigger shortcode after submit button pressed [closed]
  25. Adding form field dynamically
  26. Can’t add more than one attachment to Contact Form 7 [closed]
  27. Is there a way to let user add and remove fields with Contact Form 7? [closed]
  28. How to set placeholder to dropdown in contact form 7? [duplicate]
  29. WordPress Contact Form 7 Image Size Validation [closed]
  30. 2-step contact form, URL field on the site, others inside popup [closed]
  31. contact form 7 does not show after update [closed]
  32. Prefilled textarea by custom post content by default [closed]
  33. Pop-up successful message in Fancybox? [closed]
  34. CF7 Split/Separate fields [closed]
  35. Add php variables to custom form submission [closed]
  36. Contact Form 7 pre email processing [closed]
  37. How can I safely override contact form 7 styles? [closed]
  38. When I try and use contact form 7 it breaks my page [closed]
  39. Contact form 7 shortcode appear outside form tag
  40. Contact Form 7- problem with submit button [closed]
  41. customize the body of the autoresponder email [closed]
  42. How to reset multiple captcha on same page with contact form 7? [closed]
  43. How to add permalinks to contact form 7 [closed]
  44. Adding attributes to HTML tags in Contact Form 7 [closed]
  45. post_content with Contact Form 7 [closed]
  46. action for ‘contact form 7’? [closed]
  47. Conditional Fields for Contact Form 7 not working and displaying [/group] in output
  48. Set id of cf7 in the data save function [closed]
  49. Confirmation email Contact Form 7 [closed]
  50. Adding custom attributes to input fields in Contact Form 7 tags
  51. How to put a contact form inside the footer of all the articles and pages of a website? [closed]
  52. Related Drop down list
  53. How to Send Confirmation Emails to Users after Form Submission?
  54. donwload pdf file after contactform 7 submisson
  55. Contact Form 7 diferent contact identification for same site [closed]
  56. How to insert entire page content into CF7 form submission?
  57. Contact Form 7 – how manipulate data before mail is sent? [closed]
  58. I need to do redirect in functions.php [closed]
  59. Contact form 7 Adding data automatically [closed]
  60. Using contact form 7 with easy fancybox [closed]
  61. Styling Contact Form 7 fields [closed]
  62. Limit one submission from each user using Contact Form 7? [closed]
  63. Which contact form plugin passes Outlook junk / spam filters? [closed]
  64. Contact Form 7 Custom module [closed]
  65. Contact form 7 add automatic =0A character in place of break
  66. Contact form 7 radio button default:get
  67. Contact7 Check Boxes line breaks when submitted
  68. The dropdown menu for contact 7 forms is not responsively with mobile device
  69. Change FROM name in mail inbox when sending email through Contact Form 7
  70. Contact Form 7: conditional logic in e-mail
  71. create a new section in divi after sending a contact form
  72. Add Line Break/Remove Commas for Checkbox options sent via Email from Contact Form 7 [closed]
  73. Is there a way for users only saved in the contact form 7 database to view a wordpress private page?
  74. Filter multiple dynamic dropdown lists within one form using the Smart Grid-layout extension for Contact Form 7
  75. How to pass POST data from Contact Form 7 to another subpage after submitting the form
  76. Additional Headers: Contactform7
  77. Contact Form 7 – save_posted_data with specific form
  78. Contact Form 7 – multiple recepients
  79. Contact Form 7: Drop-Down Menu with Read-Only Values?
  80. Contact form 7 refreshes page after pressing submit button and does not send anything
  81. How to direct contact form submission to a certain page
  82. Contact Form 7 multi-column form error
  83. single quote in contact form 7 input field throwing error on form submission
  84. Contact form db plugin customization
  85. Contact form 7 – automatic email delay
  86. Installing plugin Contact Form 7 fails [closed]
  87. How to Prevent Unwanted Spam to Contact Form 7 [closed]
  88. I want to show contact form 7 on lightbox [closed]
  89. How to Integrate MailChimp with Contact Form 7 [closed]
  90. How to pull and auto display custom fields values to contact form
  91. How to save data in my db table with using contact form seven?
  92. Contact-7 multi screen dashboard
  93. Contact Form 7 get_posted_data(); is not returning posted values [closed]
  94. Restrict MIME type files in upload field + contact form 7
  95. Very slow ajax request from Contact Form 7
  96. How do I use Mail (2) auto-responder with a multi-step contact form 7?
  97. Display QR Code in e-mail after submit contact form
  98. Contact Form 7 – Display Dropdown, Send Different Data
  99. CF7 Wont submit contact form on apple iphones [closed]
  100. Contact Form 7 – how to disable spinner the right way
error code: 523