I have two effects on this button. When I click on it, for the hidden question cards to animate out from behind it, and a slight rotation on mouse over.
The problem I’m finding is that the click effect on the button only works when I click on the outer edge of the circle.
The Same goes for the mouse over rotation effect, it only reacts when I hover over the outer edges of the circle.
In my project it is called the “Learn More Button” in my Home Page in the About Me Section.
When I am in the editing dashboard in webflow, I noticed that when I hover over the center of the circle, the mouse turns into an [I] to indicate a text field is there, but there is no text field on the button, I used to have a text box in the button that said “Click here to learn more” but I deleted it because I thought maybe that was the interruption.
Also AFTER the circle has been clicked and the question cards animate out, the rotation on mouse over works smoothly over the whole circle.
Now I’m just confused as to what is causing this problem.
Any help is much appreciated!
Thanks in advance!