If you are using the Placed variation for the donation form on desktop, you'll want to make sure you are also presenting mobile visitors with the best donation experience. The Popup variation of the form is completely mobile friendly, the Placed form variation is not. 

To make the Placed form change to a Popup button on mobile screens, you can add javascript to detect the window size and affect the display variation.

Copy the example below and be sure to add the id's for your own form.

ūü§ď ¬†Be careful: This is advanced, nerds only!

<script id="funraise-form-lib" src="https://d2n4tvy2wsd0oo.cloudfront.net/widget/common/1.3/funraise.min.js" type="text/javascript"></script>
<script id="funraise-form-6cee756c343" type="text/javascript">
 
  var showPopup;
 
    if (window.matchMedia("(max-width : 900px)").matches) {
       showPopup = true;
    } else {
      showPopup = false;
    }
 
    var f = new Funraise({
        id: '6cee756c-e127-4334-bf4d-4de0d6997edb:343',
        isPopup: showPopup
    });
    f.init();
</script>
<div style="margin: 0 auto; text-align: center; margin-top: 25px;">
  <div id="fc-6cee756c343"></div>
</div>

Did this answer your question?