How can I make the email field the full length of the form in the Dawn theme?

Store Design

Topic summary

A user is customizing contact forms in Shopify’s Dawn theme and wants to make the email input field span the full width of the form, matching the width of the object/subject field.

Current Status:

  • Successfully added custom fields to the form
  • Email field appears narrower than desired
  • Included screenshot showing the layout issue
  • Shared code snippet from contact-form.liquid file (though the code appears partially corrupted/reversed in the post)

Response:

  • Another user requested the store URL and password (if applicable) to inspect the issue directly and provide specific CSS or code modifications

Resolution Status: Awaiting further information to diagnose and provide a solution.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hello!

I have a question concerning the forms in Shopify.

I managed to add fields to the custom forms from the Dawn theme.

The only thing left is that I want the Email field to take the full length of the form like to Object field.

I don’t know what to add to my code.

Screenshot 2024-01-23 at 3.55.13 PM.png
Screenshot 2024-01-23 at 3.55.13 PM.png2402×1474 152 KB

I can’t give a link since it’s a draft to replace the current website but here is the code in my contact-form.liquid for the email and object field:

{{- 'templates.contact.form.email' | t }} * {%- if form.errors contains 'email' -%} {{ 'accessibility.error' | t }} {%- render 'icon-error' -%} {{- form.errors.translated_fields.email | capitalize }} {{ form.errors.messages.email -}} {%- endif -%}
{{ 'templates.contact.form.object' | t }}

Thank you!

2

Hey @Prolifink ,

Can you share your Store URL so I can have a look at it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Helal