Layer & Menu Question

Hi,

i am trying to build this mechanic. → http://thegreensoccerjournal.com

here is my problem: the website starts with layer 1, it moves out when i scroll down. so far so good.
but the hamburger button is confusing me, i´m trying to get it behind the layer 1 (Z-Index) but when i scroll down, the hamburger icon comes to the front and stays in front.

the next thing: i want the hamburger button to have the same position as the call to action button, when layer 1 moves out. and that when you scroll down it moves out. like it is already

thanks for your support! :slight_smile:

https://webflow.com/design/pushpullmechanic?preview=53ffa8471210477af7b3f3e2cf2c5aed

I actually see your hamburger menu behind the layer 1.

I see it moving out when layers 3 comes.

So I’m not sure I understand your issues at all :smiley:

Yes, the hamburger icon is behind the layer 1, but when i click into layer 1, the hamburger icon comes to front and stayes there. because that, the hamburger icon hasn´t the same position as the call to action button.