Overflow-x

Support
#1

Hi,

I am trying to get the image in this footer to overflow along the x axis so it shows on either side of the cell its in.

https://darrenh214.sg-host.com/

I’ve set the image to block, given it a fixed width of 350px, set the object fit:cover and set the div it sits in to overflow-x:visible.

Is there something else I can try?

thanks,
Darren.

#2

Hi Darren,

Thanks for reaching out!
It’s a bit unclear what the exact visual result is that you’re trying for. However, just to clarify — in order for an image to overflow horizontally and be visible outside of its containing cell, all parent and ancestor elements must have overflow-x: visible.
If you can share a bit more about the design you’re trying to achieve — or an example reference — we’d be happy to take a closer look and suggest.

Thanks