Jump to content

How to Make Fixed/Floating Images for Desktop and Mobile?

Recommended Posts

Site URL: https://chihuahua-wrasse-j3yk.squarespace.com/

So I'm not sure if my title communicated what I'm trying to achieve correctly, but what I would like to do is visible in the attached screenshots. I would like to create these floating cut out images in one of my sections (desktop attachment). Then, when on mobile, I would like those images to be different sizes and in different places so they don't block the text (mobile attachment). 

Currently I'm using the advice from this thread: https://forum.squarespace.com/topic/144946-how-to-use-code-block-to-insert-a-floating-image/ for the hoop on the website right now but I was wondering if there was another way to do it since I have so many elements. Additionally, the frames image needs to be fixed to the section below it (the green section) and I wasn't able to achieve that with the code from the previous thread.

Password to view site: edstudio

Thank you in advance!

desktop.png

mobile.png

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.