Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter ArunArtz

    (@arunartz)

    my website name is: https://www.arunartz.de

    You need to have theme that provides responsive CSS styling for standard HTML form elements. Unfortunately many WordPress themes do not do this.

    To make your form responsive you need to provide responsive CSS styling to the relevant standard HTML form elements, if your theme doesn’t do this.

    For basic responsive resizing you can start with something like:

    .wpcf7-form {
           width: 100%;
    }
    
    .wpcf7-form input,
    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="email"],
    .wpcf7-form input[type="tel"],
    .wpcf7-form textarea, {
        width: 100%;
    }

    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 ‘No Responsive Design by looking from mobilephone’ is closed to new replies.