Jump to content

Layering image (or other) blocks directly "on top" of each other

Recommended Posts

Site URL: https://faithstrongsite.squarespace.com/layertest


I am trying to layer image blocks directly on top of each other on a single page. I did this with two images on the page linked above. (password: faithstrong) Adjusting the margins seems to work, but not on mobile. Here is the CSS I used.

#block-yui_3_17_2_1_1611041268633_5042 {
  margin-left: -640px;

#block-yui_3_17_2_1_1611041268633_3771 {
  margin-right: -640px;

How do I get the same effect to work on mobile? Am I using the best solution for what I want accomplished? I'd also like to be able to stack/layer more than just two images. Several in fact. So if you know of a better solution please share.



Link to comment
  • Replies 5
  • Views 1.3k
  • Created
  • Last Reply


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.