[Pro] iPhone not displaying form correctly

Freeway
1

Hi

I have a form at
http://www.mikesibthorp.com/camping
It works fine in Safari etc but the controls and text are overlapped on an iPhone. How do I correct this

Thanks
Mike

563×1000 136 KB

freewaytalk mailing list
email@hidden
Update your subscriptions at:

2

How do I correct this

By turning all fixed widths (of items) into relative units such as percent.

Cheers

Thomas

freewaytalk mailing list
email@hidden
Update your subscriptions at:

3

Hi Thomas

Have done this but no result, all widths now “Fixed (%)”. Do I need to do the height as well?

regards

Mike

freewaytalk mailing list
email@hidden
Update your subscriptions at:

4

Have done this but no result

You HAVE a result, cause now, the widths adapt to the viewport (nearby). Now it’s time to re-arrange items on each breakpoint. I’ve once done a lil intro video (2 parts - see link below) where I go into some details.

NATURALLY, by this, heights (which are to set flexible) change as well. Less width → shorter text-lines → more space required below. So heights are set to flexible (let the content decide the required space).

But please note:

Drop & Drag (absolute positioned items) on the construction-level makes you a web-ninja. Modern design uses relative positioned items which react and taking care of each other. I exclusively favor the latter, the first I even forgot about how it works.

Cheers

Thomas

http://www.kimmich-digitalmedia.com/videos/017_grid-express-part-1

freewaytalk mailing list
email@hidden
Update your subscriptions at:

5

Hi Thomas

Thanks for your help. I think my problem was thinking in boxes. So I placed an html item (Width fixed (%)) on the page then copied the content inline to this item. Probably the way I should have done it in the first place. Looks fine on everything now.

regards
Mike

freewaytalk mailing list
email@hidden
Update your subscriptions at: