Make a Donation Form Responsive to Mobile Devices
Warning: Card transactions must use the new checkout to meet Payment Card Industry standards.
Make your donation forms responsive to donors on tablets and smart phones in addition to those on a computer.
Tip: For a truly responsive form you also need use a responsive Page Wrapper with the form.
The Standard Donation Level, Payment Type , Checkout Modal, and Checkout Embedded donation form data elements have the Responsive layout. All other donation form elements are the same as standard form elements. When in the Responsive layout:
The Standard Donation Level element doesn't include the configurable column level layouts because they aren't necessary
The Payment Type element is compact and uses selection buttons instead of drop-down menus
Locate and make a donation form responsive
Go to Fundraising > Donation Management.
Select the All Donation Forms tab and locate your donation form.
In the Actions column for that form, select Edit.
On the Identify Donation Form page, scroll down to the Form Layout option.
Select Responsive.
Select Save.