What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Margin issues with mobile form

    Asked by JeronMusic on October 03, 2016 at 09:09 PM
    Also, on mobile - the right margin is narrow, leaving the fields and
    heading/sub-heading text pushed up against the right margin.
  • Profile Image
    JotForm Support

    Answered by Mike on October 03, 2016 at 09:31 PM

    If you are referring to the space around the form container, there is a style within www.jeronmusic.com/files/main_style.css file which is adding some padding.

    @media screen and (max-width: 769px) {
    .row {width: auto;padding: 0 20px;}

  • Profile Image

    Answered by JeronMusic on October 08, 2016 at 05:49 PM

    Thank you for the diagnosis, however, please provide a solution to correct this.  Also on the mobile version, the next page buttons (which I've since changed to green apple; and tinkered with the design parameters in the edit form section) now hangs off the form.  (see attached screen shot)


    Not sure if this is related to the 'main_style.css' for the margin issue, or a Designer setting I changed when toggling between themes and parameters in the 'Edit Form' section.  Please advise how to correct this as well, in addition to the right margin issue -- both of these issues occurring on mobile devices only.

  • Profile Image
    JotForm Support

    Answered by jonathan on October 09, 2016 at 12:48 AM


    You will need to correct this on the main_style.css' on your website page.

    As mentioned by our colleague Mike, it was on this file http://www.jeronmusic.com/files/main_style.css


    Let us know if you were not able to do it.


  • Profile Image

    Answered by JeronMusic on December 12, 2016 at 01:04 PM



    Please assist me in correcting this margin issue in my mainstyle.css to allow the margins to be viewed correctly.




  • Profile Image
    JotForm Support

    Answered by Kiran on December 12, 2016 at 02:52 PM

    Unfortunately, this file is something related to your website. You may try accessing the file from any IDE connected to your hosting server using FTP connection and add the code provided by our colleague to the file and upload it back to your server. You may also access the file using the File manager provided in your hosting control panel.

    If you are not sure how to access the files of your hosting manager, you may check with the hosting service provider or hire a programmer from Upwork or Freelancer.

    Please get back to us if you need any further assistance. We will be happy to help.