Animation works in preview but not in browser!

Design help Animations & Interactions
1

I have this hover animation over the product grid, it worked FINE for ages, and now all of a sudden it stopped in the browser and I can’t crack it. (It’s the hover animation ; the text is supposed to show up)

I even have the same animation used on another page, and it works :confused:

https://monk-2-0-813c5005b12e6d2340877587499d24.webflow.io/product/limestone-head-of-a-beardless-male-votary

2

You product grid items has missing position: relative, apply that and it should work.

3

Nope, that wasn’t it :confused:

4

That should probably be it but why don’t you let me check your project.

Share you read only link https://discourse.webflow.com/t/how-to-enable-a-webflow-share-link

5

Here it is

https://preview.webflow.com/preview/monk-2-0-813c5005b12e6d2340877587499d24?utm_medium=preview_link&utm_source=designer&utm_content=monk-2-0-813c5005b12e6d2340877587499d24&preview=9385d010438cc413e744148531eefe4e&pageId=61e808dec06d1527b1a0af97&itemId=61e808dec06d153c6aa0b097&workflow=preview

Thank you!

6

I don’t see position: relative applied in there, so please try to apply it on Collection Item 2 where you’ve hover interaction applied.

Please try the once and publish the site and see.

1 Like
7

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