Change the field location in the 'Form Display' section of the form to 'Above'.
This will decrease the width of the form. But your form will always have this setting applied.
2) Apply a CSS media query within your stylesheet including the max-width expression:
@media (max-width: 460px) { /write phone styles here/ }
More information can be found at the below URL. There is a great example within the 'Syntax' section.
https://developer.mozilla.org/en-US/d...
Learn how to make your donation form mobile!
Written by Katrina Grein-Topken
Updated over 6 years ago