Jump to content

Embed of 360 Image not resizing for mobile

Recommended Posts

Site URL: https://www.labode.co.uk/virtual-design


I have tried embedding several sizes of a 360 on an example page to show a client how it would look on her website but it's awful on my Squarespace site as I can't get it to resize for mobile .. could anybody help please??

Here's the embed code I used:- 
<iframe width='640' height='360' src='https://roundme.com/embed/878316/2753589' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

I also tried injecting some code to the page settings as suggested on the 'Roundme' (360 creator) website but it hasn't made any difference:- <script src="https://static.roundme.com/patch/mobile-gyro-patch.js"></script>

Can anybody help at all?
Thank you 

Screenshot 2022-07-13 131016.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Hi, if anybody sees this I did manage to fix it by upgrading to fluid engine so that I could put in the size of the video I wanted by resizing the shape in the editor for a web page, then in the code I changed the width to 100% . Fluid engine is a bit fiddly as it just inserts any new embeds to the bottom of the page and you have to move everything around to fit as it should however it did the trick!

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.