Anything I can do to avoid the cutoffs with the text on right and form borders in left?

  • discdemo
    Asked on September 24, 2017 at 10:25 AM

    Hi. Anything i can do to avoid the cutoffs with the text on right and form borders in left? This is on android portrait view, Note5.

    Trying to attach snapshot. Having error issues. Still working on it, but try to answer if possible.

    Thx.

    Anything I can do to avoid the cutoffs with the text on right and form borders in left? Image 1 Screenshot 30Anything I can do to avoid the cutoffs with the text on right and form borders in left? Image 1 Screenshot 30

  • Nik_C
    Replied on September 24, 2017 at 11:02 AM

    I checked both of your forms on several phones but I wasn't able to replicate this issue. Could you please be more specific about the form and the text that is being cut off?

    We'll wait for your response so we can troubleshoot further.

    Thank you!

  • discdemo
    Replied on September 24, 2017 at 11:08 AM

    Anything I can do to avoid the cutoffs with the text on right and form borders in left? Image 1 Screenshot 20

  • Nik_C
    Replied on September 24, 2017 at 11:23 AM

    Thank you for additional information.

    I will check this and get back to you as soon as I finish.

    Thank you for your patience.

  • Nik_C
    Replied on September 24, 2017 at 5:06 PM

    Thank you for your patience.

    I inserted the custom CSS code in the Custom CSS field of the widget:

    Anything I can do to avoid the cutoffs with the text on right and form borders in left? Image 1 Screenshot 20

    And I tested on my phone it should be fine now.

    Please check and let us know how it worked for you.

    Thank you!

  • discdemo
    Replied on September 24, 2017 at 5:43 PM
    Thanks. I see the text fits now. Any idea why the left form borders cut off, unlike the right?
    Attached. Thx.
    Get Outlook for Android
    ________________________________
    ...
  • Elton Support Team Lead
    Replied on September 24, 2017 at 7:16 PM

    Based on your theme's CSS, the form width when viewed on mobile changes to 94% and is set to align to the left. This creates no spacing to the left and more space to the right.

    To center align the form, inject this CSS code to your form.

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

    .form-all {margin: 0 auto !important;margin-bottom: 8px !important;}    

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Result:

    Anything I can do to avoid the cutoffs with the text on right and form borders in left? Image 1 Screenshot 20

    Hope this hleps!

  • discdemo
    Replied on September 24, 2017 at 7:43 PM
    Oooh! I like that! I'll check the code you added. Thank you!
    Get Outlook for Android
    ________________________________
    ...