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

  • Profile Image
    EpicStudio
    Asked on October 31, 2015 at 04: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.
  • Profile Image
    jonathan
    Answered on October 31, 2015 at 07: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

    #2 Adjust line layout number and

    #3set horizontal padding

     

    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.

     

  • Profile Image
    EpicStudio
    Answered on November 05, 2015 at 08: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.

  • Profile Image
    jonathan
    Answered on November 05, 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

    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

     

    Please let us know if you are still  having issue.

    Thanks.

     

  • Profile Image
    EpicStudio
    Answered on November 06, 2015 at 02: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.

     

  • Profile Image
    EpicStudio
    Answered on November 06, 2015 at 02: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%;

  • Profile Image
    Chriistian
    Answered on November 06, 2015 at 03: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.