Skip to main content
Question

Links breaking when switching variants (Mobile Navbar)

  • January 14, 2026
  • 2 replies
  • 24 views

Matthias_Kampitsch

Hi everyone, I’m running into an issue with a mobile navbar component.

The component has two variants: Default (hamburger icon) and Open (with menu links).

  1. On my mobile frame, I set the variant to "Open" so I can select the links and add "Scroll to" interactions to specific anchors on the page.
  2. If I leave the component in the "Open" state and preview, the links work perfectly, but the menu is obviously open as soon as the page loads.
  3. If I change the component back to "Default" so the user has to click to open it, the "Scroll to" links I set up no longer work once the menu opens in the prototype.

It seems like the variant switch is "wiping" my instance overrides for the links. Is there a way to keep these specific scroll interactions while still using the variant toggle?

2 replies

Aaron_Johnson

I’m in the same situation.

I simply want to connect my “Open” mobile menu to anchors on the page. I feel like there’s a weird way around this in normal Figma, but on Sites, I cannot drag a variant of either menu component into the “Home” web page section in order to even try these workarounds out.

Since I cannot duplicate a variant of my menu component, all I have to work with is the master component which only allows me to connect to sections within my Styles outside the bounds of my web page section.

I’d like an explanation for this, as it alone would be sufficient to deter me from using Figma Sites for basic mobile menu interactions.


GoLYone
  • New Member
  • February 10, 2026

I’m seeing the exact same issue.

Anchor / scroll links break as soon as the mobile menu is opened via a variant switch.
If the menu starts in the Open state, links work - but once there’s a double on-click (variant toggle + link), the anchor gets wiped 😵

Feels like anchor links don’t survive variant switching in Figma Sites.