Responsive form not showing properly...

User 1874667 Photo


Registered User
5 posts

Hi I wonder if someone could please give me hand with some code.
I have a contact form on the main page of http://word.ovenmagic.me/contact-us-2/ (not the ones in the sidebar.)
it shows fine on laptop and tablet, but smartphone size the form goes on top of all the aspects of the site (interestingly if you shrink the page on a laptop the form dissapears into a small box.)


I used the code from the form builder software and I've looked here for help but can't find anything.

It's lamost like there's a </div> missing but adding it moves the sidebar.

The code for the form is <script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"testing2.php" + window.location.search + "\" width=\"212\" height=\"1439\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"testing2.php\" title=\"testing2\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe width="212" height="1439" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="testing2/testing2.html">
&lt;a href="testing2.php" title="testing2"&gt;Check out my CoffeeCup Form&lt;/a&gt;
</iframe>
</noscript>

Any help would be greatly appreciated.

Thanks in advance.
<a href="http://www.pippasweb.co.uk">Web design and SEO for Small business</a> |

User 187934 Photo


Senior Advisor
20,271 posts

Try removing the <p> </p> that the form script is wrapped in.
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
User 1874667 Photo


Registered User
5 posts

Weirdly enough I didn't code the <p> 's in. I've managed to get rid of the end one but the first one is still eluding me.
Thanks for pointing me in this direction I'll keep woking on it later.
<a href="http://www.pippasweb.co.uk">Web design and SEO for Small business</a> |

User 1874667 Photo


Registered User
5 posts

managed to remove the <p> (not sure how but it went) but still not working any other ideas???
Thanks
<a href="http://www.pippasweb.co.uk">Web design and SEO for Small business</a> |

User 187934 Photo


Senior Advisor
20,271 posts

This is the div class that's causing the issue. Height 0.
<div class="art-responsive-embed">


.responsive .art-responsive-embed {
height: 0;
padding-bottom: 56.25%;
position: relative;
}

Line 64
http://word.ovenmagic.me/wp-content/the … ?ver=3.8.1
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
User 1874667 Photo


Registered User
5 posts

Thank you admin team who messaged me with the link below as this has actually solved my problem.

the css code to look at and change is

.responsive .art-responsive-embed {
height: 0;
padding-bottom: 56.25%;
position: relative;
}

Thanks
<a href="http://www.pippasweb.co.uk">Web design and SEO for Small business</a> |

User 187934 Photo


Senior Advisor
20,271 posts

Sorry about the confusion Pippas, I posted my answer to the wrong thread. I moved it here for you and others.
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

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.