I have a form that displays beautifully in preview. However, when embed on a responsive web page, http://www.reach22.com/toc.php , the 3 fields on a row overlap onto another row making the form almost impossible to use.
Is there a quick css fix or equivalent that would sort this out?
Thanks
Michael
Responsive form not displaying - Post...
michael thompson
Registered User
9 posts
Scott Swedorski
VP of Software Development
0 posts
I get a 404 for that URL. What is the URL to the form on your page?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
michael thompson
Registered User
9 posts
Eric Rohloff
Senior Advisor
20,271 posts
Online Now
Looks like you need some adjustment on the break points affecting the
.col-md-9
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
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
michael thompson
Registered User
9 posts
Thanks for that Eric. As I'm not a web designer and am reluctant to play around with the responsive.css for the template, can you suggest how best to avoid this issue if I re-design the form.
Michael
Michael
Eric Rohloff
Senior Advisor
20,271 posts
Online Now
Those break points really need to be adjusted. I think you run into the same issue at around 1000 px screen width. Do you not have control over those?
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
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
paintbrush
Ambassador
3,816 posts
Michael, you've got a few stray tags on the page (and an extra </html> and </body> within the page content).
This will help you eliminate any HTML errors that could be interfering: http://validator.w3.org/
This will help you eliminate any HTML errors that could be interfering: http://validator.w3.org/
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
michael thompson
Registered User
9 posts
Thanks paintbrush for highlighting the html errors. Removing the duplicate html and body tags has helped a little I think but the underlying issue remains.
Eric, yes I do have control but no experience of responsive layouts. Can you give me a pointer of what to look for and where - I appreciate this is not a FormBuilder issue. And then I need to find a good tutorial!
Michael
Eric, yes I do have control but no experience of responsive layouts. Can you give me a pointer of what to look for and where - I appreciate this is not a FormBuilder issue. And then I need to find a good tutorial!
Michael
Eric Rohloff
Senior Advisor
20,271 posts
Online Now
You wan to look for this type of thing. About line 3859 of the all and then down. Mess with the width % . You may need to add another break point for other adjustments. Keep backup copies before altering the code. Where did that theme come from? Has a lot of html table elements in it.
@media screen and (min-width:992px)
{
.col-md-9{
width:75%;
}
}
@media (min-width: 768px) {
{
.col-sm-12 {
width:100%;
}
}
@media screen and (min-width:992px)
{
.col-md-9{
width:75%;
}
}
@media (min-width: 768px) {
{
.col-sm-12 {
width:100%;
}
}
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
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
michael thompson
Registered User
9 posts
Thanks so much for that Eric. I'll give it a whirl and see if it responds responsively!
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.
