Form on mobile phones

  • Hi, my clients report issues with using the contact me form on mobile phones, not sure of which specific ones. This is my form code, would appreciate a check or some help, have searched around with no luck. Thanks

    Shortcode
    [contact-form-7 id=”3603″ title=”Contact form 1″]

    <input type=”hidden” name=”JobType” value=”Portrait”>

    <p>Your First Name (required)<br />
    [text* FirstName akismet:author tabindex:01]</p>

    <p>Your Last Name (required)<br />
    [text* LastName tabindex:02]</p>

    <p>What type of session are you wanting?</p>
    [select* JobType tabindex:08 “Birth””Newborn””Maternity””Maternity and Newborn””Baby””Toddler””Family””Wedding””Engagement””Head shots””Product shots”]</p>

    <p>Your Due Date (if applicable) or leave blank<br />
    <p>[textarea Message size:30 maxlength:60 tabindex:06]</p>

    <p>Your Email address (required)<br />
    [email* Email tabindex:03 akismet:author_email]</p>

    <p>Your Phone Number (required)<br />
    [text* MobilePhone tabindex:04]</p>

    <p>Where do you live?(required)<br />
    [select Source tabindex:05 “Kerikeri” “Kawakawa” “Opononi” “Karaka” “Whangarei” “Kaitaia” “Paihia” “Other”]</p>

    <p>If Other please fill in here:<br />
    [textarea CityTown size:10 maxlength:60 tabindex:06]</p>

    <p>How did you find me? (required)<br />
    [select Source tabindex:09 “Google” “Friend” “Another photographer” “Another Vendor” “Facebook”]</p>

    <p>Your Message (if you would like to add more info or questions):<br />
    [textarea Message tabindex:06]</p>

    <p>Please enter the following text in the box below:</p>

    [captchac contactwendy size:l fg:#000 bg:#aedbd8]
    [captchar contactwendy]
    [submit tabindex:10 “Send”]
    [response]

Viewing 3 replies - 1 through 3 (of 3 total)

  • You might have better luck getting answers if you add a link to the site so that people can check it out on different platforms.

    The other thing I suggest is using Firefox’s Responsive Design Mode (Ctrl+Shift+m) or using Chrome, open the Developer Tools (Ctrl+Shift+i) and then toggle on the Device Toolbar (Ctrl+Shift+m) to check it out at the common mobile resolutions so you can see for yourself what the issues might be and more easily test solutions.

    Thread Starter wendyc

    (@wendyc)

    Thanks, will do, and this is the link, sorry https://www.wendycainphotography.com/contact-wendy/

    Whoa! I tried that link and took a look at your site. The main problem isn’t with Contact Form 7. Your theme doesn’t appear to be mobile-friendly/responsive, or it may be whatever you’re using to handle the style sheet minimization is interfering.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Form on mobile phones’ is closed to new replies.