The width of the fields on an embedded form is not displaying correctly

  • EugeneVictor
    Asked on April 11, 2019 at 4:21 AM

    Hello,

    Eugene here from Australia.

    Something strange happens when I Publish.

    I've attached a Screenshot of the Preview of the form created. But when the form is uploaded and live the formatting changes - please see the URL of the Contact page in the website ie www.bdbg.com.au

    All the fields take up the same width, including the Submit button.

    How do we fix this? How to keep the field widths the widths we intended and built?

    Thanks for your help.

    Kind regards,

    Eugene (eugeneivan1@gmail.com)

    Jotform Thread 1789732 Screenshot
  • Kiran Support Team Lead
    Replied on April 11, 2019 at 8:12 AM

    This is due to the mobile responsiveness of the form. The width of the form embedded section is less than 480px which is making the form responsive and adjusting the fields accordingly. You may try increasing the width of the form embedded section to 481px so that the form should be displaying normally. 

    You may also consider making the form background transparent by following the guide below:

    https://www.jotform.com/help/87-Making-the-Form-Background-Transparent

    Thanks!