How can I adjust 'First Name' and 'Last Name' fields to align side by side?

Store Design
1

Hello!

I’ve been trying to customize my contact form for my shop but I am having trouble adjusting “First Name” and “Last Name” fields to align side by side. I created the “Last Name” field.

Take a look at the current coding below:

{% form ‘contact’ %}

{% if form.posted_successfully? %}

{{ 'contact.form.post_success' | t }}

{% endif %}

{{ form.errors | default_errors }}

{{ 'contact.form.name' | t }}
{{ 'contact.form.name' | t }}
{{ 'contact.form.email' | t }}
{{ 'contact.form.phone' | t }}
{{ 'contact.form.message' | t }} {% if form.body %}{{ form.body }}{% endif %}

{% endform %}

2

Hi, @fcorner .

Tira here, from Shopify Support.

This is a great question. Typically custom coding would be outside our scope of support. I did want to find you a resource to help, and I did some digging and found this Shopify Community thread that may help: Change of contact form fields. A member of the community wanted to change the alignment of their first and last name fields, and was able to receive a coding solution from a Shopify Partner.

As a refresher, check out our help doc on creating a contact page: Add a contact page to your store.

Let me know if this helps!

3

Hi @fcorner , unlock the potential of your Shopify contact form with this YouTube video demonstrating the addition of custom fields like text, dropdowns, radio buttons, and checkboxes: