Streaming live at 10am (PST)

Overlay Menu: Menu Links still clickable despite Interaction Opacity

Hi there,

my issue is a little bit hard to explain.
I’m trying to build a full width menu overlay. It’s name is menu-wrapper.
While clicking on the burger menu on the initial state, the menu should appear – BUT during the initial state (opacity 0%) the menu-links are still clickable. They interfere other clickable elements like the burger menu button as shown, because of the div element above (menu-wrapper).

Can somebody help me to fix this?

The next step should be, to make the burger menu also visible on the white menu-wrapper, to close the wrapper again. BUT here also, without making underlying links or buttons clickable on the menu overlay.

Here is my current project:

Many thanks!!

1 Like

Hello @youngandhyperactive

Opacity is not removing the element just makes the element transparent. You should use display + opacity.

Hope this helps

Piter :webflow_heart:

1 Like

Hey @PiterDimitrov

you are my hero!!! :smiley:

Thanks a lot!

1 Like

Happy to help! If you need something feel free to reach out :webflow_heart: