Setting the form width

  • Resolved sean1975

    (@sean1975)


    10 years, 5 months ago

    Hello Aerin. Thanks for the plugin. I am using 100% form width so everything looks good on mobile devices. However, on desktop, 100% width makes form fields really wide. If I do 50% width, it looks good on desktop, but then it’s weird on mobile as my site is responsive. Any ideas? Thanks

    https://ww.wp.xz.cn/plugins/quick-contact-form/

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

    (@aerin)

    10 years, 5 months ago

    Hi Sean,

    Not sure how to fix this as it’s probably related to the theme you are using. I might be able to fiddle with the settings so oyu have a max-width of nnn px for desktops and a width of 100% on screens less than nnn px wide.

    But for now try putting the form in a div and adding a class of ‘form-width’ or something which you can then style to have a max width of nnn px in larger screens. If you would like to email me your site details I’ll sort out the CSS for you.

    Graham

    (@aerin)

    10 years, 5 months ago

    Sorted. I found a fix that will adjust the size of the form to match the screen size. Email me via the plugin website and I’ll send you the update to test.

    Graham

    (@aerin)

    10 years, 5 months ago

    Updated plugin sent.

    Closing thread

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

The topic ‘Setting the form width’ is closed to new replies.