Spline responsive embed

Hello guys,

I am having difficulty in embed a 3D model made with Spline on my page. I am trying to change the size of the “html embed” element and its content to be responsive in various screen sizes.
I am starting to think this is not possible and that I need to add a new layout and a new template for each breakpoint.

Has anyone been faced with this problem?
A thousand thanks,
I leave the read only link here and the spline url …


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi!

I also am running into this issue. I am by no means a developer as all of this is rather foreign to me. BUT! I did go inspect the element and found that there is a size parameter under “canvas 3d” that is overwriting the sizing. I think the issue lies in spline’s side and how that is being brought into webflow. Don’t quote me on that thought :slight_smile:

2 Likes

Yep,

It looks like there’s a set height and width on the canvas element: width: 1080px; height: 1080px;

If possible, might be worth changing this to a percentage for better responsiveness.