Image Hover Effect appear buggy on front end test

I’m building a responsive image grid with hover interactions—specifically, a text box that appears or animates on hover.

In the Wix Studio Editor’s in-app preview mode, everything displays and functions as expected.

However, when I view the site using a test link, the layout breaks: the text box that’s supposed to appear on hover gets pushed down.

This is how they are set up and ideally I want to achieve the look in the Editor Preview. If anyone has any input it’d be much appreciated!

I would say it has to do with margins and padding. Have a check of how the text is docked and also how all the elements scale.

1 Like