Sticky navigation bar appears underneath content on Safari and mobile browsers

any updates on this? having the same situation.

Hey everyone! Unfortunately I wasn’t able to receive any updates on this case. I’ll follow up as soon as I hear back from the team. Apologies for the delay! 

just +1 this issue, keep me posted.

I am experiencing the same issue.. This causes alot of issues for me. Please keep me posted for any updates.

+1

Hi everyone, I’m really sorry for the late update here, and thank you for your patience while I got back to you. The team has confirmed that this issue has been fixed. Could you let me know if things are working as expected on your side now, or if you’re still running into problems? 

Thank you, 

Gayani 

I’m having a similar issue, but my sticky header doesn’t work on the preview before publishing my site. The sticky header will always stay on the back of the screen and when I set it to Bring to the Front, it’s moved to the bottom of my screen. Very annoying😭

Okay I was having this issue and just managed to fix it.

Yes the solution is within the auto layout settings but it takes a possibly non-intuitive interaction to solve it.

If your sticky element is inside of a layout group the stacking order that needs to be changed is the layout group that the element is inside of and not the element itself.

I assume most people use auto layout as the foundation for their page then stack things inside of it - if so the auto layout for your page is where the stacking order needs to be changed.

Hi, specifically searched for a fix to this issue and bummed to see there’s no solve. Just that the team resolved it. Any more info? I’m running into this problem in Figma app.

Ridiculous, I have this exact problem to this date. When I make the top bar fixed, its sitting behind my hero frame on figma app (mac), but I use browser it sits at the front.