Mobile Preview shows form won't display properly

  • Profile Image
    sebarts
    Asked on February 08, 2018 at 11:00 AM

    Hello,

    My form is not showing well in the mobile preview, either in landscape or portrait mode. (https://form.jotform.com/802241877849)

    How can I resolve this issue?

    Screenshot: https://gyazo.com/843dcc7ea596a194f6ce2a77d18ea49a

  • Profile Image
    BJoanna
    Answered on February 08, 2018 at 12:15 PM

    Please add Mobile Responsive widget to your form.

    How to Add a Widget to Your Form

  • Profile Image
    sebarts
    Answered on February 08, 2018 at 12:26 PM

    Perfect! That did the trick, thanks!

  • Profile Image
    BJoanna
    Answered on February 08, 2018 at 12:51 PM

    I inspected your form again and I noticed that the logo is still fully responsive. 

    1518112075logo.JPG

    Please add this CSS code to your form to make the logo responsive as well:

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

    .form-all:before {

        background-size: 100% !important;

         top: -80px !important;

    }    

    .form-all {

        margin-top: 100px !important;

    }

    }

    How to Inject Custom CSS Codes

    Here is my demo form where you can test it: https://form.jotform.com/80384797063971