Our Donations page has a dropdown where users can select their level of support then click a button that takes to them PayPal. It works just fine on desktops and laptops. But on small screens, there is no dropdown - just the text of the options - and no button. Why would something simple like a drop-down break on mobile?
Here’s the dropdown code:
<p><select name="os0">
<option value="Select an Amount (US$)">Select an Amount (US$)</option>
<option value="Turbocharge us">Turbocharge Us → $24,000</option>
<option value="Supercharge us">Supercharge Us → $12,000</option>
<option value="Empower us">Empower Us → $6,000</option>
<option value="Launch us">Build Us → $1,200</option>
<option value="Sponsor us">Sponsor Us → $600</option>
<option value="Support us">Support Us → $120</option>
<option value="Help us">Help Us → $60</option>
<option value="Nudge us">Nudge Us → $24</option>
</select></p>
<p>(or select a different amount <a href="https://www.paypal.com/fundraiser/charity/2348705">here</a>)</p>
<p>
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="MU6HZQFKJ3WKA" />
<input type="hidden" name="currency_code" value="USD" />
<input type="image" src="https://foundationforinclusion.org/wp-content/uploads/2017/01/1200000xButton.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" /><br />
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" /></p></form>