I adore paypal, and paypal's buttons. But one thing I do not adore, are the formatting of said buttons. I am trying to configure a paypal button with a drop down price amount, along with, on the left, a small image previewing the download. Simple enough.
I created a table to house the preview, and also the payment button. Easy. And it works great. Except, when I try it on a mobile device. The button click goes nowhere. Here is the code that I am using:
<table width="100%">
<tbody>
<tr>
<td width="50%"><img class="size-full wp-image-15379 alignright" src="https://taylorholmes.com/wp-content/uploads/2017/12/dark-family-tree-icon.jpg" alt="" width="250" height="170" /></td>
<td width="50%"><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" data-ajax="false"><input name="cmd" type="hidden" value="_s-xclick" />
<input name="hosted_button_id" type="hidden" value="2VQHZKHAESYRE" />
<table>
<tbody>
<tr>
<td><input name="on0" type="hidden" value="Donation Amount" />Donation Amount</td>
</tr>
<tr>
<td><select name="os0">
<option value="You Made My DAY!!!">You Made My DAY!!! $3.00 USD</option>
<option value="Uber Thankful!!">Uber Thankful!! $2.00 USD</option>
<option value="Thanks!">Thanks! $1.00 USD</option>
</select></td>
</tr>
</tbody>
</table>
<input name="currency_code" type="hidden" value="USD" />
<input alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypalobjects.com/en_US/i/btn/btn_paynow_SM.gif" type="image" />
</form></td>
</tr>
</tbody>
</table>
Could it be something on my site (taylorholmes.com) that is conflicting at a mobile level? Any help figuring this out would be enormous. Thanks so much in advance!
Taylor
