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

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 ?

-

Thank you in advance,

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.

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:

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