-
acpevansAsked on June 22, 2015 at 11:31 PM
-
acpevansReplied on June 22, 2015 at 11:49 PM
Solved. Many thanks.
-
acpevansReplied on June 23, 2015 at 9:37 PM
I recently checked my form on a mobile device.
The change you suggested to extend the width of the "other" box is not responsive.
How can we make this responsive?
-
CharlieReplied on June 24, 2015 at 2:22 AM
Have you tried making the form mobile responsive? You can check this guide: http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive
You can also use this custom CSS code here:
#input_79 {
min-width: 408px !important;
}
/*Dimensions of the mobile device*/
@media screen and (min-width: 100px) and (max-width: 450px){
#input_79 {
min-width : 200px !important;
}
}
Let us know if that works.
Thank you.
-
acpevansReplied on June 24, 2015 at 10:20 AM
The form is already set to be responsive.
I tried adding your code but it makes no difference to the "other" box. It still remains unresponsive.
Other CSS was added to change this box previous so I wonder if that's conflicting?
Would you mind looking into it?
See here for details - http://www.jotform.com/answers/594334-How-to-extend-the-width-of-text-box#5
I added the following code:
#input_79 { width: 408px !important; }
-
Aurora JotForm SupportReplied on June 24, 2015 at 12:00 PM
I have checked into your form: http://www.jotform.com/51719069683971, at first you have to check on the Make this form Responsive option from the designer mode, as below indicated:
I also check the issue with the field size, I modified the CSS code to:
#input_79{width:250px !important;}, this is the result:
Let us know if we can assist you further.
-
acpevansReplied on June 24, 2015 at 8:08 PM
Thank you for your support.
-
Chriistian Jotform SupportReplied on June 24, 2015 at 9:36 PM
Hi acpevans,
On behalf of my colleagues, you are welcome. If you have any other questions, do let us know. We will be happy to assist you.
Regards.