Editing a form (mobile)

Design help General
1

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:

27
27710×262 11.8 KB

Halp and thanks

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

2

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.

3

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.

44%20PM
44%20PM706×1070 17.8 KB

1 Like
4

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

5

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

1 Like