Why isn't the form properly showing on mobile devices?

  • Profile Image
    justing2093
    Asked on January 31, 2018 at 06:49 PM

    On Android devices, the photos aren't properly showing. The team can't swipe to the right to get the whole form viewing. Any more information, please let me know.

  • Profile Image
    Kevin_G
    Answered on January 31, 2018 at 10:23 PM

    The report you have embedded is not mobile responsive since it's loaded using an HTML table, such element is not responsive by default. 

    However, you may inject this CSS code to display the full content: 

    - This guide should be injected to the form: 

    @media only screen and (max-device-width: 550px){

    iframe[src*="iframeEmbed"]{

        overflow: auto !important;

    }

    }

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

    - This code needs to be injected to the iFrame widget you have used on your form: 

    @media only screen and (max-device-width: 550px){

    iframe {

        width: 100% !important;

    }

    }

    Guide: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    I hope this helps.