Mobile Responsive Widget Issue

Hi all.

How are we today?

I have a problem with my responsive form (via responsive widget)

All of my text input boxes and text area boxes are becoming very wide in the desktop

view causing them to drop below the questions breaking my initial layout.

When I view the form in the preview (open in new tab) they are fine.

I have tried with out the widget, using the form layout (make this form responsive)

but it does the same thing.

When I embed them into dreamweaver via iframe is when the problems begin.

below is a link to my work in progress.

Any help would be awesome :)

Hi Syed.

It is still reverting to about 400 px in width in desktop view.

I have made the form 700 px wide since cloning it.

When it gets to the tablet layout it goes to the desired

size and the text boxes aren't massive anymore (which is great)

but desktop still wont change. It works fine in preview, it is

after I embed it via iframe into dreamweaver when the problem

starts.

I am rescaling the responsive page in my desktop browser through the preview in dreamweaver. It is ok, I can work with what I've got. I made a coupe more changes and I am happy with it now. Thanks for your help it changed the text box inputs, which was my main concern! Thanks :)