https://www.machform.com/forums/ MachForm Community Forums Topic: Form Overlapping Text en Tue, 26 May 2026 20:06:45 +0000 https://www.machform.com/forums/topic/form-overlapping-text#post-18327 Mon, 20 May 2013 15:04:02 +0000 yuniar 18327@https://www.machform.com/forums/ <p>I think your page's responsive code is causing the overlap.<br /> Try to put this into your "template.responsive.css" file:</p> <pre><code>.responsive .art-responsive-embed { padding-bottom: 100%; }</code></pre> https://www.machform.com/forums/topic/form-overlapping-text#post-18315 Sun, 19 May 2013 11:12:48 +0000 AMurray 18315@https://www.machform.com/forums/ <p>Maybe it's not Machform but something within your site design that causes this specifically on mobile devices. Without being a web design expert I would say your site is primarily designed for desktop/laptop and therefore is trying to resize itself to a mobile phone size screen. Is the template or site's design "responsive" (I think that's the term) design? i.e. my understanding is that responsive design means that, on a basic level, it reformats itself to view reasonably well on any device.</p> <p>I don't possess a smart-phone so can't really check the site, but I think I have approximately replicated what you describe simply by resizing the browser down to what would be roughly the size of an iPhone screen:</p> <p><img src="http://www.murraywebs.com/example_overlap.jpg"></p> <p>When you say text or form overlapping each other, is the above image something like what you are describing, because, to a certain point, the site re-orders itself according to me shrinking the browser window, but starts 'breaking' when it gets to around the above size. </p> https://www.machform.com/forums/topic/form-overlapping-text#post-18308 Sat, 18 May 2013 06:27:32 +0000 cbteel 18308@https://www.machform.com/forums/ <p>I have a short form on my homepage that works fine on a PC, but when you pull up the page on an iPhone, the form fields overlap the content below. I have tried adding the form using every method, but nothing works. Here's the link: <a href="http://midsouthcolor.com/joomla2/." rel="nofollow">http://midsouthcolor.com/joomla2/.</a> I just upgraded to v. 3.5 thinking that would help, but it didn't. Any help is greatly appreciated! </p>