How do make my forms fit the width of the site?

  • Profile Image
    Asked on November 04, 2017 at 07:07 AM

    I have 2 forms on my site but as my site has just been updated, the forms look too narrow on desktop view.

    How do I change them to look more pleasing (and fit the new, wider site) without compromising the mobile responsiveness?

    Many thanks.


  • Profile Image
    Answered on November 04, 2017 at 10:45 AM

    You may consider making the form 100% wide. You just need to inject the following custom CSS codes in the form:

    @media only screen and (min-device-width: 1024px) {

    .form-all {

        width: 100% !important;

        max-width: 100% !important;



    The codes only apply to desktop view. The codes won't affect the mobile responsiveness of the form.