Adding drop down menu in contact form in dawn theme

Store Design

Topic summary

A user successfully added a dropdown menu to a contact form in Shopify’s Dawn theme after encountering styling issues.

Initial Problem:

  • Dropdown code was added to contact.form.liquid but appeared as blank space with no visible options
  • Screenshots showed the broken implementation

Solution Process:

  • CSS code needed to be added to base.css file
  • Initial fix made dropdown visible but too small and misaligned
  • Final CSS solution included:
    • position: initial
    • width: 100%
    • Padding and styling to match other form fields
    • Proper color formatting for the dropdown icon

Resolution:

  • After clearing cache and resolving a save error, the dropdown displayed correctly with proper height, width, and styling matching the rest of the form
  • A follow-up question was asked about where exactly to add the code, but remains unanswered
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
4

@Alinear7 - password not working