Fullscreen Menu / Navbar Issue

Design help Animations & Interactions
1

Hi all,

I’m trying to make a fullscreen navigation menu for my website, but –

  1. I can’t seem to select any element outside of the navbar to animate when I have my ‘Navbar opens’ trigger panel open.
  2. As a work around this issue, I had an old ‘open menu’ and ‘close menu’ animation in my list already so I just added those animations to my navbar open and close states. The menu opens fine but won’t close when I press the ‘x’ button.

Here’s the Read-Only link: https://preview.webflow.com/preview/varta-attempt-1-e178527d5d0c5606109791c?utm_medium=preview_link&utm_source=designer&utm_content=varta-attempt-1-e178527d5d0c5606109791c&preview=6e501bf4b315b05f863ab6fc2cccb6f5&mode=preview

What am I doing wrong?

Thanks very much x

Here is my public share link: LINK
(how to access public share link)

2

From what I can tell, your multiple body event listeners are fighting. Once I remove those body loads and scroll, the menu opens just fine. Try having a single body load and scroll listener and work in those. In other words: Make sure you don’t have 2 listeners of the same type listen at once.

3

Hi Ozone,

Thank you for your help!

I’m new to Webflow, however, so I don’t really know what ‘listeners’ mean?