Editing a form (mobile)

Oh my goodness… Webflow forms are giving me a headache.

A lovely Webflower suggested I set it to ‘not wrap’, but I still can’t seem to move the ‘Name’, ‘Email’ and ‘Button’ segments where I want them, especially on mobile.

Such as here: https://preview.webflow.com/preview/just-julia-blog?utm_medium=preview_link&utm_source=designer&utm_content=just-julia-blog&preview=fa3a74d5452e09ac3abb826b3d152020&mode=preview

If I move the margins, the buttons and ‘Email’ bit just slide off the screen:

Halp and thanks

you can see it live at www.justjulia.co (on mobile or on desktop)

Could you provide a diagram or drawing of what it is you would like it to look like on mobile? That would help drive solutions.

Switch the Form to Flex Vertical instead of Horizontal (only on Mobile view).
To make it nice you can set the fields to 100% width.

Here’s how it looks after this touch.

1 Like

thanks Studiopowell, I’ve managed to sort it but I really appreciate your reply :slight_smile:

Aw, cheers, Eli. That’s it sorted. Thank youuuu

1 Like