When the Screen on Which My Form Is Displayed Is Reduced to About 700px, the Form Gets an Unwanted Right Margin

  • EpicStudio
    Asked on October 31, 2015 at 4:51 PM
    Thanks Victor. Any idea about the irght margin the form gets when it's on responsive mode? Around 700px or less browser width.
  • jonathan
    Replied on October 31, 2015 at 7:02 PM

    I checked your jotform http://www.jotform.co/form/53005200394846 and there are couple of adjustment you can do using the Form Designer

    #1 Enable Form Responsive on the layout

    When the Screen on Which My Form Is Displayed Is Reduced to About 700px, the Form Gets an Unwanted Right Margin Image 1 Screenshot 30

    #2 Adjust line layout number and

    #3set horizontal padding

    When the Screen on Which My Form Is Displayed Is Reduced to About 700px, the Form Gets an Unwanted Right Margin Image 2 Screenshot 41

     

    Save the changes and check the form again if the white spaces and margins applied properly.

    Hope this help. Let us know how we can be of further assistance.

     

  • EpicStudio
    Replied on November 5, 2015 at 8:27 PM

    Thanks Jonathan, but I have very bad news.

    Trying to apply such new configurations just changed all the look on my form. Now the background, design and elements are totally changed. :( I'm not sure if I will be able to revert those changes.

    It just happened after I saved from the form designer.

     

    Any how, the problem with right margin was not solved either.

  • jonathan
    Replied on November 5, 2015 at 11:05 PM

    Apology for the inconvenience caused.

    You can still revert the save form to a specific saved point you like.

    Follow this user guide: -How-to-View-Form-Revision-History

    When the Screen on Which My Form Is Displayed Is Reduced to About 700px, the Form Gets an Unwanted Right Margin Image 1 Screenshot 30

    I am not sure which background change you were referring to though. The last time I checked the form, it doesn't really have a background

    When the Screen on Which My Form Is Displayed Is Reduced to About 700px, the Form Gets an Unwanted Right Margin Image 2 Screenshot 41

     

    Please let us know if you are still  having issue.

    Thanks.

     

  • EpicStudio
    Replied on November 6, 2015 at 2:02 AM

    This is what happened to my form after my first save from Form deisgner. Is there another solution straight on th CSS code? I don't want to try that form designer again, I'm afraid the form gets changed again.

     

    When the Screen on Which My Form Is Displayed Is Reduced to About 700px, the Form Gets an Unwanted Right Margin Image 1 Screenshot 20

  • EpicStudio
    Replied on November 6, 2015 at 2:13 AM

    I think I fixed the issue, it was the form's width on the "max-width:768px" rule. It was 90% and I changed it to 100% and worked properly.

     

    @media screen and (max-width:768px)
    width: 100%;

  • Chriistian Jotform Support
    Replied on November 6, 2015 at 3:03 AM

    Glad to hear that you have found a solution to the issue you are encountering. If you have any other question or concern, please feel free to contact us again.