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

  • justing2093
    Asked on January 31, 2018 at 6: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.

    Jotform Thread 1368991 Screenshot
  • Kevin Support Team Lead
    Replied 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.