-
michelchoueiriAsked on February 10, 2021 at 1:19 AM
Hello, I have a current form setup, but the field height and width are extremely bulky, especially on mobile. Is there a way to thin them out?
Example of current form on mobile:
Would like to make them like this:
-
Safak JotForm DeveloperReplied on February 10, 2021 at 2:54 AM
Hello, michelchoueiri
You must inject custom CSS for this.
- On form builder, click on the brush icon.
- Click on the Styles tab.
- You can inject custom CSS codes this section.
Sample CSS for just a vertical mobile screen and just Full Name area make full width;
@media only screen and (max-width: 480px) {
li[data-type=control_fullname] [data-wrapper-react=true] .form-sub-label-container {
flex: 1 1 100%;
}
li.form-line:not(.form-line-column)[data-type=control_fullname] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container+.form-sub-label-container {
margin-left: 0;
margin-top: 15px;
}
}
Also https://www.jotform.com/help/117-how-to-inject-custom-css-codes
If you require further assistance, please feel free to contact us.