Jump to content

Spline 3D embed not responsive in mobile view

Recommended Posts

Hi there, 

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 0
  • Views 908
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

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.