Hi! I’m testing a site built with the new Figma Sites feature. I’ve set the top navigation bar as a sticky element and made sure it’s positioned at the very top of the layer tree. In the Layout panel, canvas stacking is set to “First on top.”Canvas stakcking settingsIt looks fine on Figma and Chrome(desktop & laptop)On Safari and mobile browsers, the sticky navigation bar appears underneath the hero section content, even though it’s set to be the topmost layer in the design. On Chrome (desktop & laptop): everything works as intended — the GNB stays sticky and always remains on top. On Safari (desktop & laptop) and all mobile browsers (Safari & Chrome): the GNB is sticky, but appears underneath other layers and is partially or fully hidden. Is there a workaround or fix for this issue? Thanks in advance!

Question

Sticky navigation bar appears underneath content on Safari and mobile browsers

Forum|Forum|10 months ago
June 2, 2025
26 replies
1905 views

Minii
New Member

Hi! I’m testing a site built with the new Figma Sites feature.

I’ve set the top navigation bar as a sticky element and made sure it’s positioned at the very top of the layer tree. In the Layout panel, canvas stacking is set to “First on top.”

It looks fine on Figma and Chrome(desktop & laptop)

On Safari and mobile browsers, the sticky navigation bar appears underneath the hero section content, even though it’s set to be the topmost layer in the design.

On Chrome (desktop & laptop): everything works as intended — the GNB stays sticky and always remains on top.
On Safari (desktop & laptop) and all mobile browsers (Safari & Chrome): the GNB is sticky, but appears underneath other layers and is partially or fully hidden.

Is there a workaround or fix for this issue?

Thanks in advance!

Show first post

1
2

Forum|pagination.label 2 / 2

Candice Rhea
New Member
Forum|Forum|10 days ago
April 12, 2026

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.

This! Something so simple. Thank you Vin B!

Like

1
2

Forum|pagination.label 2 / 2

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded