▼
Streaming live at 10am (PST)

Hover animations work in preview but not live and buttons are not working on mobile

Design help Animations & Interactions
#1

Hi, I’ve got 2 issues going on at the moment.

  1. Certain button animations are working fine in preview but not on the live site. All buttons should get larger on hover, but the ones in the header area do not. I tried rebuilding the buttons from scratch but no luck. Ex: “Get Started” button on the homepage.

  2. These same buttons do not work at all on mobile. I set the z-index to 10000 but it did not fix the issue.

Any help would be greatly appreciated!

Here is my public share link: https://wellspring-psychology-group.webflow.io/

#2

I’m having the same issue with a second site now. I’m wondering if page load animations are messing up the hover animations somehow?

#3

In case anyone else has the same issue: removing each button’s “move” animation on page load fixed the hover animation issue. However, for some reason they still don’t work on mobile.

#4

Hey @rdmw691 ! Could you share your read-only link? This will help us take a look at your project and see what might be causing the issue.

You can find out how to share a read-only link here

#5

Hi @Miguelamezquita, thanks for the response. Here’s my read-only link: Webflow - WellSpring Psychology Group.

I still can’t get the “get started” (on the homepage and the consulting page) to work on my iphone se 2020. I tried it out on a couple other phones, and it doesn’t work on about half of them.

#6

Thanks to Brandon at Webflow for figuring this out - the section below it had a large amount of negative margin that was, even though it was see-through, covering the button and making it unclickable. Everything’s fixed now!