A big space exists in the form in horizontal mode on mobile devices

  • Profile Image
    steevecasal
    Asked on October 24, 2017 at 04:49 AM

    Hi,


    We have two question :

    - On our form https://form.jotformeu.com/72573570419360 when we are on mobile horizontal we have big space between the content, how can we fix this ?

    -

    On mobile also, the content is align on the left, but normally we have center the content, how can we center the content ?

    Thank you in advance,

  • Profile Image
    lumiardian
    Answered on October 24, 2017 at 07:09 AM

    1. I tested out the form on mobile device particularly on landscape mode and there was no space between content, but the width of the iframe was outside the layout. Use this CSS code to fix that.

    @media (max-width:1024px){

    .custom-field-frame {

        width: 100% !important;

    }

    }

    And also you can clear the cache that might be the issue. This link will help you how to do that. 

    2. You can add this CSS Code in Custom CSS area.

    @media (max-width:1024px){

    .form-line {

        width: 100% !important;

        text-align: center !important;

    }


    ul#images_button_container {

        text-align: center !important;

    }

    }

    This link will help you where to put the CSS code.

  • Profile Image
    candy
    Answered on October 24, 2017 at 10:46 AM

    Firstly, I have cloned your form named "Demande de catalogue" in order to test. I have tested the form in horizontal mode on SAMSUNG GALAXY S8, Google Chrome and seen the big space between the form elements as seen below:

    1508855903Screen_Shot_2017-10-24_at_5_37

    I have seen that Some CSS codes injected to the form. However, I have seen that the issue still persists deleting those CSS codes. 

    I have forwarded this issue to our software development team in order to investigate and fix it. You are going to be informed via this thread. 

    Thank you very much for reporting us. 

    Besides, as the second issue is related to another topic, I have split the thread. Please follow your answer at the following thread link: https://www.jotform.com/answers/1281090