Form field text white and unreadable on mobile

Design help General
1

Hi I would really appreciate some help.

My contact form is fine on desktop but on mobile, the input text is unreadable - white/transparent?

I have tried changing the text to grey but it still doesn’t work on mobile.

Thanks in advance.

Here is my site Read-Only: https://preview.webflow.com/preview/form-feld-text-on-mobile?utm_medium=preview_link&utm_source=dashboard&utm_content=form-feld-text-on-mobile&preview=199e8869f64b487949323179dc5f3f2d&mode=preview

2

Hey egd,

I looked at your read-only version and found that you have set the right padding to 220 on the text-field element on the mobile portrait view. Here is a video of what I observed.

3

Thanks @Aaronn
If I reduce the padding the form field size goes really small. What should I do?

4

You can set width values found under the “size” properties. Here is a great lesson on how sizes work; and here’s a lesson on spacing (padding, margins)

I recommend that you complete the Webflow University lessons; they are free.

5

Thanks Aaron, that fixed both problems.

1 Like