Jump to content

Images are stacked on top of each other in mobile mode (completely fine in desktop) 7.0 poster image in a 7.1 website

Recommended Posts

https://demo-adsi.squarespace.com/sustainability
password: go

Note: Only this particular section is in 7.0, while the rest of the website is in 7.1.

I am using CSS to layer 4 images (Poster mode) over a vertical timeline animation made using HTML code block. It looks great on desktop and is responsive. Problem is when I switch over to Mobile view, the images stack on one another. Take note that I removed the Vertical Timeline in Mobile mode on purpose. I only want to retain the images on full width, one after the other as you scroll. I don't know why they're layered on top of each other. Help!

Screenshot 2023-02-09 182055.png

Screenshot 2023-02-09 182037.png

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

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.