Hamburger menu not showing on overlay


I am trying to make a hamburger menu with overlay, but I have three problems:

  1. After animating the overlay to move over the whole screen – the hamburger menu disappears. I changed the color of the lines, but still it looks like it’s behind the overlay even though it’s higher in hierarchy. Do you know how can I solve that?
  2. When the menu is opened I still have the possibility to scroll over the page and few elements are visible and overlapping the menu titles. Is there a way to fix that?
  3. I moved the overlay, so it is not visible and selected that as an initial state, but it disappears only when I open the Interaction panel and on regular page it is visible.

I would really appreciate any help with that. I’ve just started with Webflow and can’t figure this problems out.

Here is the link