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.