Form cut on the right (widget I think)

  • evank001
    Asked on February 6, 2018 at 1:37 PM

    Hi guys, 

    I gotta an issue with this form : 

    https://form.jotformeu.com/73310817188357

    When I put it on my website, on computer with 17" screen, no problem, but when it comes to 15" or worse 13", it is cut like below : 

    1517942099image Screenshot 10

    Can you help me on that ? 
    Thanks guys

  • Adrian
    Replied on February 6, 2018 at 3:16 PM

    I have added this custom CSS to your form.

    .form-all {

      max-width: 100%;

      box-sizing: border-box;

    }

    iframe {

      max-width: 100%;

    }

    and this to the widget

    li {

    max-width: calc(20% - 20px) !important;

    box-sizing: border-box;

    }

    img {

    max-width: 100% !important;

    }

    Here is how the form looks on a 13 inch screen:

    1517948151Fullscreen 2 6 18  9 15 PM Screenshot 10


    Let us know if you need further help.

  • evank001
    Replied on February 7, 2018 at 4:39 AM

    Thanks a lot for your help, it works on small computer screen but mess up the view on mobile phone (it worked perfectly on mobile before), have a look below : 

    1517996316Screenshot 20180207 103704 Screenshot 10

    Is there a way to adapt following the size of the screen ? 


  • Adrian
    Replied on February 7, 2018 at 6:26 AM

    I put the CSS code of the widget inside a media query, so it does not affect smaller screens (mobiles).

    The form should look good on mobiles and desktops now.

    Let us know if you need further assistance.