Page scrolls scrolls but full screen menu close animation does not initiate when using anchor links

Design help Animations & Interactions
1

Hey there,

I am having trouble with a full screen menu utilizing anchor tagged links. I have built a single page website with a full screen nav menu. The menu button animates the menu open and closed with no issues. However, when trying to add the “menu close/disappear” animation to the menu links the page will scroll but will not animate the menu closed. This is super frustrating. Any help would be greatly appreciated. My public link for the site is below.

Best,

Kyle p

Wellness Website

2

You have to add an interaction to the link buttons so that the menu animates away when you click on them.

4

I am also having this problem with a floating action menu in mobile view. It’s like the link blocks skips the interactions somehow. I don’t fully understand your solution @jhiggins.

Check my website