Why is my button stretched when in mobile view?

  • Profile Image
    methodgraphics
    Asked on December 08, 2017 at 12:40 PM

    The Next button is not responsive at the bottom of the page.

    This is on iPad

  • Profile Image
    Richie_P
    Answered on December 08, 2017 at 12:59 PM

    You can add this css codes to your form to fix the issue.

    @media (max-width:480px){
    .form-pagebreak-next{
        width:100px!important;
        margin-left:-130px;
      }
    }

    Here is a guide on how to insert custom css to your form. How-to-Inject-Custom-CSS-Codes

    I Hope this helps.

  • Profile Image
    methodgraphics
    Answered on December 08, 2017 at 05:53 PM

    It did not help at all. Why am I adding a bandaid to a broken function? You shouldn't be adding more code to broken code. 


    We are trying to decide if we want this at work, but there are so many bugs that just are not consistent...

  • Profile Image
    methodgraphics
    Answered on December 08, 2017 at 05:54 PM

    And the title of this thread is nowhere close to my issue? I didnt type that.

  • Profile Image
    John_Benson
    Answered on December 08, 2017 at 07:40 PM

    Here's a screenshot of your website on my iPad mini 2:

    1512779353425zsaf.png

    The form is mobile responsive. To test it, please open the form in the form builder and click the preview button.

    1512779702fa24a.gif

    If you want to change the Next button size, style, etc. you need to add custom CSS code to your form. 

    Let us know if you need further assistance. Thank you.