Web form is NOT responsive but web...

Jul 26th, 2015 at 04:31 PM
User 2649957 Photo

Fiona Fars
Registered User
11 posts

Hi,
I have a responsive site with a form built with web form builder. The form was previously not responsive because I didn't select a responsive theme. I have now changed my form to a responsive theme and added the media query <meta name="viewport" content="width=device-width" /> in the head as instructed.

The web page is still responsive, but the form is not.

http://www.corporatehousinglocators.com/test.html

Can anyone see what I may have done wrong? I appreciate your help!

Thanks :)
Fiona
Jul 26th, 2015 at 05:26 PM
User 122279 Photo

Inger
Senior Advisor
14,649 posts
Online Now

You ought to run the page through a validator. As far as I can see, there is some misplaced css and script code in the document.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jul 27th, 2015 at 09:31 AM
User 2649957 Photo

Fiona Fars
Registered User
11 posts

I will do that. Thanks Inger. I did run it through the one in Dreamweaver, but had ignored the first comment which stated it was an outdated validator file. Do you think this is causing my form issues?
Jul 27th, 2015 at 11:30 AM
User 122279 Photo

Inger
Senior Advisor
14,649 posts
Online Now

I'm not certain, but the code bits that are misplaced may not be found by the browser. At any rate, there is something which is preventing the form to adapt to screen sizes. It is not in the iframe, it is in the form itself. Sorry I can't help more than this, I'm very busy at the time being.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jul 27th, 2015 at 01:24 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

It's the form actually.
http://www.corporatehousinglocators.com … tions.html

Did you use a responsive theme?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Jul 27th, 2015 at 03:46 PM
User 2649957 Photo

Fiona Fars
Registered User
11 posts

Eric Rohloff wrote:
It's the form actually.
http://www.corporatehousinglocators.com … tions.html
Did you use a responsive theme?


Hi Eric, I think you have discovered something by sending me a link to the form. There are two identical forms on the site. I left up the old one (non responsive theme) while trying to create a new one (responsive theme), and it appears I may have mixed up some files by doing this (and by keeping the same file names!). Am working on it again... thanks! Will post again to let you know if that was the problem...

And thanks for your input Inger! I completely understand being very busy! :)

Fiona
Jul 27th, 2015 at 05:22 PM
User 122279 Photo

Inger
Senior Advisor
14,649 posts
Online Now

Oh, so that is why the form I looked at was different from the one that Eric found. Well, my time didn't permit me to dig any deeper.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jul 28th, 2015 at 11:14 AM
User 2649957 Photo

Fiona Fars
Registered User
11 posts

That must have been why, Inger!

I've got it working now (thank you Eric), but have another issue. I can't seem to get the form to align to the left. When I look at the php page, the form is centered, so I'm thinking it's something in the form rather than the reservations.html page that calls the form. I changed all margins to 0 but the form is still centered. I can't find a way to change the alignment. Help? :)
Thanks!
Fiona
http://www.corporatehousinglocators.com … tions.html
http://www.corporatehousinglocators.com … ations.php

Jul 28th, 2015 at 12:05 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

Did you check the "Customize margins" on the Form Options tab in the form builder?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Jul 28th, 2015 at 12:45 PM
User 2649957 Photo

Fiona Fars
Registered User
11 posts

Yes I did. See attached.
Attachments:

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.