Jump to content

iframe Mobile display issue

Recommended Posts

Hi,

I am trying to embed a Zoho form code block to my inquiry page. However, I am having trouble with the mobile display. 

iframe code is working fine for desktop view but looks terrible on mobile. Here is the link to the page;

oakgateco.com/testcontactuspage

Here is the iframe code I am using;

<iframe frameborder="0" scrolling= "no" style="height:1100px;width:100%;border:0;" src='https://forms.zohopublic.com/pwoo/form/ContactUs/formperma/b6KV-dd9wgmogLwrq1FE6nRvi7ZZ5Rp70wvMCK7xVaE'></iframe>
 

I also attached a photo of what it currently looks like on mobile. 

 

Any suggestions on what I can do to get this fixed? Any help or suggestions would be greatly appreciated! 

 

Thanks!

Screenshot 2023-01-10 220236.png

Link to comment
  • Replies 1
  • Views 710
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

I'm also running into similar issue with iframe code block not resizing or fitting to screen on mobile

Here is my code below (redacted website for my customer's privacy)

Quote

<iframe src="https://[website]/customwidget/0/1/4x3/200x100/137709/0/1/ffffff/f8bdd3/000000/000000/" width="600" height="500" scrolling="no" frameborder="0" ></iframe><div style="height:50px; line-height:50px; width:600px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; text-align:center; font-size:13px;"><a style="text-decoration:none; color:inherit !important;" target="_blank" href="http://[website]">Copyright 2023</a></div>

 

Screen Shot 2023-01-25 at 11.47.24 AM.png

Edited by cinnamoncat
reuploading photo
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.