Interactions and Responsiveness

[Dogukan (Dogukan Kasoglu)]

Hello everyone,

I hope you are all well. I need to ask you some questions about a website I’m working on for a client. There are two big problems I can’t solve despite researching and trying many times. On the home page, there are 3 cards with open and close animations. They work perfectly on the desktop version. But when the screen size is less than 1440px, the animations behave strangely. For example, when I click the first card, the information for the second card appears instead. Also, after the animation, the close button stops working, though it normally works on the desktop. Plus, the section looks very bad after the animation. If you have any advice, I would really appreciate it. Also, if you have ideas on how to make the website more responsive, I’m open to suggestions.

Here you can find my read-only link: Webflow - FaxSIpit

Thank you so much

[abirana (Abi Rana | Creative Web Developer)]

Hi Dogukan, I just checked your issue and found out that few things are not in the right place.

First of all Card 2 - Desktop is applied on Card 1 block, you should change that and apply Card 1 - Desktop

And for the trigger setting, Desktop one should be applied for desktop only and the Mobile one should be applied to other beside Desktop.

Please check the attached screenshots.