Shopify themes, liquid, logos, and UX
This is the code:
{% comment %} staff? {% endcomment %}
<div class="field">
<input
class="field__input"
autocomplete="Do you have staff for customer support/engagement?"
type="text"
id="ContactForm-Staff"
name="contact[Staff]"
value="{% if form.name %}{{ form.name }}{% elsif customer %}{{ customer.name }}{% endif %}"
placeholder="Do You have staff for customer support/engagement?"
>
<label class="field__label" for="ContactForm-name">Do You have staff for customer support/engagement?</label>
</div>
{% comment %} Website or social media {% endcomment %}
<div class="field">
<input
class="field__input"
autocomplete="What's Your website or social media account?"
type="text"
id="ContactForm-Website"
name="contact[Website]"
value="{% if form.name %}{{ form.name }}{% elsif customer %}{{ customer.name }}{% endif %}"
placeholder="What's Your website or social media account?"
>
<label class="field__label" for="ContactForm-name">What's Your website or social media account?</label>
</div>
This is the site: https://automatica.it.com/pages/contact
how do I make it fit on mobile?
@mindageris oh sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
@media (max-width: 749px) {input#ContactForm-Staff {height: 7rem;}}
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025