Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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



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
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...