How to fix an error message after modifying my contact page?

Technical Q&A

Topic summary

Main issue: After copying the default Shopify contact page into a new template and customizing it, an unspecified error message appears. The author seeks help fixing the error and asks how to make some fields half-width while remaining responsive.

Changes made: Uses Shopify Liquid and theme grid classes, including: include ‘theme-variable’; form ‘contact’ with a form-status include; page title/content rendering; and a custom form.

Custom fields added: Name, Address, City, State (US dropdown), Zip, and Social media handles (Instagram, Facebook, Twitter). The message textarea is mapped to contact[body]. A submit button uses a translation key.

Code artifact: The provided Liquid/HTML snippet is central to diagnosing the issue; no screenshots or error details are given.

Open questions: What specifically triggers the error message, and how to structure half-width, responsive fields within the theme’s grid system.

Status: No replies or solutions yet; problem remains unresolved pending error details and guidance on responsive layout for form fields.

Summarized with AI on February 22. AI used: gpt-5.
1

I made some changes to my contact page and i get an error message. I took the basic contact page code from my regular contact template and saved it in a new template and made changes there. I wanted more besides the fields already included. Also, wanting to know how I can make some of the fields half width but flexible for different devices if that’s possible.

My code look like this:

{%- include ‘theme-variable’ -%}

{{ page.title }}

{% if page.content.size > 0 %}

{{ page.content }}
{% endif %}
{%- assign formId = 'ContactForm' -%} {% form 'contact', id: formId %} {% include 'form-status', form: form, form_id: formId %}
Name
Address
City
State
Zip Code

Social media handles:

Instagram
Facebook
Twitter
Why do you want to be a Brand Ambassador?

{% endform %}