Hamburger menu animation being triggered by site logo

Design help Animations & Interactions
1

I have set up a hamburger menu with animations for when it open and closes. It’s working great except for one issue. When the site logo (the logo in the nav) is clicked it triggers the hamburger open/close animation. I cannot for the life of me figure out why. Any thoughts on what I’m missing here?

Read-only like below.

Here is my public share link: https://preview.webflow.com/preview/pogos-allstars?utm_medium=preview_link&utm_source=designer&utm_content=pogos-allstars&preview=f519dc00ba8f2f73231ce033aba98332&mode=preview
(how to access public share link)

2

I just went to your read-only website and couldn’t replicate the issue.

Clicking on the logo didn’t do that for me.
However, looking at the structure in Navigator, I think it’s because you have the action linked to the Navbar itself (parent) , rather that the Menu Button (smallest child).

Hope this helps.

3

Hm. Did you look at the tablet and mobile breakpoints? It isn’t an issue on desktop.

The animation is placed on the Navbar (parent) in order to make the animation work when a nav link is pressed.