Skip to main content
Question

Links breaking when switching variants (Mobile Navbar)

  • January 14, 2026
  • 4 replies
  • 75 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?

    4 replies

    Aaron_Johnson
    • Aaron_Johnson
    • New Member
    • February 5, 2026

    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
      • 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.

      Gaspard Silvestre

      Same issue for me. Does anyone found the solution? I”ll try to code it with Claude to see if I have better results. 

      Jaycee Lewis
      Figmate

      Hey hey ​@Gaspard Silvestre  (and ​@Aaron_Johnson ​@GoLYone ​@Matthias_Kampitsch 😊) I’d love to dig in a bit more with you.

      I have a few questions:

      • When the link fails after opening the menu via the Default > Open toggle, does it do nothing, jump to the top, or scroll to the wrong section?
      • Is the Scroll-to interaction set on the link inside the Open variant of the component, or on the link element at the page/frame level?
      • Are you seeing this in a published Sites URL or in preview — and is the navbar sticky/fixed when open?
      • Are all the target sections on the same page as the menu, or are any on a subpage? 

      Thanks for the additional information! — Jaycee

      Terms & ConditionsAccessibility statement