Problème affichage sur mobile

  • laurentsamitier
    Demandé le 13 août 2024 à 11:44

    Bonjour je ne comprends pas ce problème d'affichage.

    J'ai bien spécifier la taille de la zone mais ça ne fonctionne pas.

    Problème affichage sur mobile Image 1 Screenshot 20

    Lien : https://form.jotform.com/242253711485051

    Merci

  • Christopher Jotform Support
    Répondu le 13 août 2024 à 14:02

    Hi laurentsamitier,

    Thanks for reaching out to Jotform Support. Our French Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in French, let us know and we can have them do that. But, it might take a while until they're available again.

    Now, coming back to your question, you can increase the width of the field in mobile with the provided custom CSS code below.

    /*Increase width of Dropdown in Mobile - 17886791*/
    @media only screen and (max-width: 600px) {
    li#id_54 {
        max-width: 200px !important;
        flex-basis: auto !important;
    }
    }
    /*Code ends here*/

    Here's how to do it:

    1. In Form Builder, on the right side of the screen, click on the Paint Roller icon.

    2. On the right panel, go to Styles.

    3. Scroll down to Inject Custom CSS.

    4. Paste the provided CSS code.

    Problème affichage sur mobile Image 1 Screenshot 30

    Result:

    Problème affichage sur mobile Image 2 Screenshot 41

    Give it a try and let us know how it goes.