Auto re-size form – Responsive for mobile phone view

  • scchoo

    (@scchoo)


    9 years, 2 months ago

    Hi,
    How to make the contact form 7 auto re-size when view on mobile phone.
    When I place the form short code into a page, form is not auto re-size when view on mobile phone. The form width is too wide and out from the page layout.

    Any and help ? What code should I edit ?

    Thanks in advance.

    Thanks,
    Choo

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

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

    (@carolineyau)

    9 years, 2 months ago

    Hi,

    Good day.

    I have the same problem. I placed the contact form short code on a page, and looks fine, but it too wide when viewed on a mobile phone.

    Can we make it mobile compatible so that it automatically readjust for mobile view?

    Thanks for your help!

    Caroline

    Neil Murray

    (@buzztone)

    9 years, 2 months ago

    The actual look of CF7 forms on your website will depend largely on the current WordPress theme used and the CSS styling that theme applies to standard HTML form elements.

    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.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Auto re-size form – Responsive for mobile phone view’ is closed to new replies.