Streaming live at 10am (PST)

Placeholder text aligning to top of form input on Safari mobile and desktop

Hey everyone,

I have a form at the bottom of my landing page. One of the input’s placeholder text is aligned to the top on Safari desktop and Safari mobile (both latest versions). Only the placeholder text is misaligned; the normal input text is correct. I have checked all the settings, and I can’t figure out why it’s like this. Maybe I need some custom CSS to override the styles? Anyways, hoping to get this in front of a few more eyeballs to see if anyone has a solution.

Published Site
Read-Only Link

Thank you for any help you can offer, I love this forum!

Edit: Tagging a couple super helpful people from the forum since this hasn’t had any activity - @webdev @dram @vincent

You could add some padding to the placeholder for webkit browsers with CSS like so
input::-webkit-input-placeholder{ padding-top: 10px; }

1 Like

@webdev you’re like magic. Worked perfectly, thank you so much. And sorry for tagging you, I know that probably gets annoying :slight_smile: