Turn Contact Form responsive

  • Resolved itmonitor

    (@itmonitor)


    6 years, 6 months ago

    Hello! 🙂 I need a final tweak in the settings, could not find how to do it. How to turn the form responsive, that is, if the form is seen in a PC, it will have 400px width. If it is displayed in a smartphone in landscape or portrait mode it should display fully without cutting out the form.

    • This topic was modified 6 years, 6 months ago by itmonitor.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Lehel Szilard Marosi

    (@mlehelsz)

    6 years, 6 months ago

    Hey,

    First of all, thank you for supporting our work with a donation, we really appreciate your action.

    As for the solution, we are still working on a new feature which will cover most of the devices, but for now, to achieve your goal, you need to add the following snippet to the rest of your code:

    
@media (max-width: 767px) {
    .wpcf7-form.cf7-style {
        width: 100%!important;
    }
}

    This will stretch your form to the margins of your page.

    Thread Starter itmonitor

    (@itmonitor)

    6 years, 6 months ago

    Mlehelsz, it is me who thank you for your work. You have a plugin that is great: it works well, it is easy to configure and support is quick. 🙂

    The code you posted resolved the responsive issue without any hitch.

    You have a client here.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Turn Contact Form responsive’ is closed to new replies.

Tags