All Collections
Widgets and Embedding Forms
Mobile Friendly Forms
How do you make a donation form mobile friendly?
How do you make a donation form mobile friendly?

Learn how to make your donation form mobile!

Katrina Grein-Topken avatar
Written by Katrina Grein-Topken
Updated over a week ago
  1. 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... 

Did this answer your question?