Contact form field text doesnt fit on mobile

Contact form field text doesnt fit on mobile

mindageris
Visitor
1 0 0

mindageris_0-1738623325431.png

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?

 

Reply 1 (1)

KetanKumar
Shopify Partner
37585 3668 12152

@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;}}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing