Contact Form 7 (not mobile friendly?)

  • jakobemils

    (@jakobemils)


    12 years, 4 months ago

    My issue is that I have added Contact Form 7 into Cyberchimps ifeaturepro 5´s right widget box. It works somewhat okay using my laptop.
    But on Iphone IOS it´s a mess. I think I need to make adjustments to the alignment of the contact form 7 but I cannot figure out how to achieve that. I cannot find a solution anywhere, and I thought either it was a matter of adjusting the widget or the plugin itself.
    Reading about mobile friendly contact forms, some mention that aligning input fields in top, should help people using mobile devices to be zoomed into the input field they are making the input into.

    The form is added to this page: http://julieoestergaard.dk/wp/om-julie/
    Please try out the contact form using a mobile device to check out the “off beat” functionality.

    Thanks!

    http://wordpress.org/plugins/contact-form-7/

Viewing 2 replies - 1 through 2 (of 2 total)
  • onedna

    (@onedna)

    12 years, 4 months ago

    Hi

    you need to assign responsiveness to form, css class and ids

    Neil Murray

    (@buzztone)

    12 years, 4 months ago

    This is due to CSS styling applied to standard HTML form elements within your current WordPress theme.

    To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS. If you are not familiar with CSS, this page also includes some links to where you can learn CSS.

    Use Firebug or Chrome Dev Tools to to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

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

The topic ‘Contact Form 7 (not mobile friendly?)’ is closed to new replies.