-
MBWHSAsked on August 4, 2016 at 6:46 AM
-
BJoannaReplied on August 4, 2016 at 7:11 AM
If I understood you correctly, you would like that radio button options are shown in same row on mobile devices as well. To achieve that please add this CSS code to your form:
@media screen and (min-width: 250px) and (max-width:420px){
#cid_112 span.form-radio-item, #cid_113 span.form-radio-item, #cid_114 span.form-radio-item, #cid_115 span.form-radio-item, #cid_116 span.form-radio-item, #cid_117 span.form-radio-item, #cid_118 span.form-radio-item, #cid_119 span.form-radio-item,
#cid_120 span.form-radio-item, #cid_121 span.form-radio-item,
#cid_122 span.form-radio-item, #cid_123 span.form-radio-item,
#cid_124 span.form-radio-item, #cid_125 span.form-radio-item,
#cid_126 span.form-radio-item, #cid_127 span.form-radio-item,
#cid_128 span.form-radio-item, #cid_129 span.form-radio-item, #cid_130 span.form-radio-item, #cid_131 span.form-radio-item,
#cid_132 span.form-radio-item
{
width:50px!important;
}}
How to Inject Custom CSS Codes
After you add mentioned CSS code your form will look like this on mobile devices.
Here is my demo form: https://form.jotform.com/62162734856966
Feel free to test it and clone it.
Hope this will help. Let us know if you need further assistance.