Responsive mobile - iOS come gestirlo?

  • Christian_Fresco
    Domanda del 13 novembre 2023 alle ore 11:57

    il responsive della landing in android si vede bene mentre su dispositivi iOS è del tutto disallineato in alcune parti del form.

    Come gestisco questa dinamica? (di seguito uno screen del problema)

    Responsive mobile   iOS come gestirlo? Image 1 Screenshot 20

  • Afzal Jotform Support
    Risposta del 13 novembre 2023 alle ore 19:02

    Hi Christian,

    Thank you for reaching out to Jotform Support. I am currently using a translation to provide assistance, but if you want to get assistance in Italian language, we can forward your request to our Italian Support Team, but please note that it may take longer to receive a response.

    I cloned your form and tested it to see if I could replicate the issue, and I ran into the same problem. This can be fixed by adding custom CSS to your form. Check out the steps below to see how it's done:

    • Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    • Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /*Fix Terms & Conditions widget on mobile view - 9084183*/
    @media only screen and (max-width: 480px){
    iframe#customFieldFrame_62 {
        height: 56px !important;
    }

    iframe#customFieldFrame_88,
    iframe#customFieldFrame_87 {
        height: 80px !important;
    }
    }

    Here's what the result will look like:

    Responsive mobile   iOS come gestirlo? Image 1 Screenshot 20

    Please give it a try and let us know how it goes. 

  • Christian_Fresco
    Risposta del 17 novembre 2023 alle ore 04:58

    "Thank you, Afzal. I've integrated the CSS code you provided and resolved the issue."