Streaming live at 10am (PST)

Negative Margined Left Aligned Object Causing Unwanted Overflow & Cropped Full Width Images

I have created dotted line arrows with an interaction that moves them from left to right or right to left when scrolled.

To get this effect, I have to set them with negative margins.

However, with the right to left arrow, setting a negative margin is causing the screen width to overflow, and a scroll bar on the bottom appears.

Images that should span full width at 100% get cut off with this negative right to left arrow in place.

How to place a object with a negative right margin so it does not create overflow, like it is on the left?

See screen shot. and my public link:

@angela You can turn Overflow Hidden for your section to avoid screen to have scroll.

1 Like

Hey! Thanks for you tip again, but I tried that and it doesn’t seem to make a difference.

@angela It is ‘other snippets’ section that I meant you need to set overflow hidden. It works for me. Let me know your result.


Well. It’s a div :smile: my bad.

Yes! It works now. I was turning off the overflow on the image itself. Now that I’ve turned off the overflow on the entire div itself, the scroll bar turns off.

Thanks pastiwibawa!