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

    The submit button on my form seems to be cropped on the mobile version of my website (browser width less than 720px) - what can i do?

    Asked by allgas01 on July 22, 2015 at 02:19 PM

    I've tried several form layout settings, line layouts, button styles and shapes, etc but nothing works. I've spent hours on this - it's driving me insane!  Hope you can help.

    Please note - the desktop version of the form is fine, it's the mobile version that has the problem (view on a screen size less than 720px wide)

    PaulL

    Page URL:
    http://www.bestbyfar.co.uk/heating-ashford.htm

    mobile version submit button cut
  • Profile Image
    JotForm Support

    Answered by EltonCris on July 22, 2015 at 03:16 PM

    I was able to reproduce the problem when viewed on mobile. The submit button is a bit cut off. The reason why is due to the div container height where the form is embedded. It has 600px height limit which cuts the form display when it passes this height. Since the form height expands a bit further when viewed on mobile, this is causing the submit button to be hidden or cut.

    The easiest way to resolve this is to extend the height of that div element a bit further, maybe around 680px will do. Or include the following styles just above the form code, this should help.

    <style>

    @media screen and (max-width:768px){

    .xr_noreset {

      height: 680px !important;

      overflow: inherit !important;

    }

    }</style>

    Thanks!