- Umesh91Asked on October 08, 2014 at 08:38 AM
Hello following is my jotform url
I have injected the following css classes using inject css feature of the jotform but i want to make my jotform responsive for the mobile,iphone,ipad like devices so for small device i have added the media query at the end but it is not applying for the small device resolution 386px.
so please let me know where it is wrong?
i have also taken reference of the following url
border: 1px solid #000;
text-shadow: 0 0 #fff;
background: -moz-linear-gradient(top, #3cb371 0%, #3cb371 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3cb371), color-stop(100%,#3cb371));
margin: 0 0 10px;
width: 100% !important;
margin: 0px auto;
color: #000000 !important;
}@media only screen and (max-width: 386 px)
width: 61% !important;
Thanks in advance
- CharlieAnswered on October 08, 2014 at 10:19 AM
If you would like to make your form responsive to smaller display devices, like mobile phones, you can use this widget, http://widgets.jotform.com/widget/mobile_responsive.
It is an easy to use widget, there is no additional configuration required. However, please consider not adding any extra CSS customization on the form after creating it in the form builder, as this might affect how the widget works.
Let us know if this helps.