Skip to main content
All CollectionsThe Embedded Donation form
Changing the embedded donation form width:
Changing the embedded donation form width:

My embedded form is not fitting onto a phone screen properly

Gabriel avatar
Written by Gabriel
Updated over a year ago

If your embedded donation form is not appearing correctly on mobile/cell phone screens, and the user has to turn their phone to show a landscape version, this is to do with the screen width.
โ€‹
For the embedded snippet code like this: Change the text shown in bold below from width="700"

<iframe src="https://your website url/donate-widget/1?isDescriptionTextShown=true&methods=stripe%2Cdaf%2Cstocks%2Ccrypto&isTitleShown=true&accentPrimary=%232D89C8&accentSecondary=%23E6F1F9&increments=40%2C100%2C200&descriptions=%2C%2C" width="700" height="900" style="border: 0px;"></iframe>

to

width="100%"

so the code looks like this:

<iframe src="https://your website url/donate-widget/1?isDescriptionTextShown=true&methods=stripe%2Cdaf%2Cstocks%2Ccrypto&isTitleShown=true&accentPrimary=%232D89C8&accentSecondary=%23E6F1F9&increments=40%2C100%2C200&descriptions=%2C%2C" width="100%" height="900" style="border: 0px;"></iframe>

That should then make phone views work well.

You can of course change the height and width to whatever parameters suit your website best.

Did this answer your question?