Jump to content

Responsive issue for mobile view with Spline 3D object

Recommended Posts

Hello, 

I am trying to add a Spline 3D object to my site but I am having issues making the design responsive in the mobile view. It looks cut off. 

As I am doing a test for now, the design has been added to a hidden page https://imadesignsco.squarespace.com/extrainfo

This is the code embed I am using: 

<script type="module" src="https://unpkg.com/@splinetool/viewer@1.5.0/build/spline-viewer.js"></script>
<spline-viewer url="https://prod.spline.design/7dtyrnUJnV8pfhfw/scene.splinecode"></spline-viewer>

Is there any CSS I could apply to this element to make it responsive for mobile and tablet?

Thanks!

Link to comment
  • Replies 2
  • Views 276
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted (edited)

@tuanphan Thank you for your response!

I applied the code you provided and the design still looks cut off on mobile.

Is there anything in the code I would need to tweak?

Thanks again for your help!

Screenshot 2024-06-12 at 12.09.47 PM.png

Edited by iHello27
typo
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.