Overflow on zoom hover

Hi there,

I have tried to create a collage similar to the one in the webflow template TileDesign. Unfortunately due to the collage the client wanted, I have had to create it slight differently for the bottom divs. I’ve managed to get it all to work, but when I apply the “Zoom on Hover” interaction to the last two div’s, they seem to zoom the whole div without staying within the cropping boundaries of the parent div? If this doesn’t make sense, take a look at my share link and roll your mouse over each of the blocks in the collage and you will understand straight away. Any ideas as to why this isn’t working and what I can do to get it to work? I have a feeling it’s to do with the way I’ve made some alterations to the template design.

Many thanks!


Here is my public share link: https://preview.webflow.com/preview/tempus-7b110f?preview=524cf90398d61dc07d0c6659e799a257
(how to access public share link)

Hi @Forbes, looks like your having some fun with the layout there :slight_smile: The issue seems to be that on the link blocks that are overflowing, the classes need display block and overflow hidden applied.

Take a peek:

https://cl.ly/2R2L1735241X/Screen%20Recording%202017-02-10%20at%2010.13%20PM.mov

Let me know if that helps!

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.