Skip to main content
Cody_Porter1
Cody_Porter1
New Participant
June 1, 2025
Question

Mobile menu in Figma sites

  • June 1, 2025
  • 13 replies
  • 2301 views

Is there any work currently being done to allow a mobile navigation in a hamburger menu for Figma sites.

None of the navigation blocks have this option. in the mobile component and even when I create components with an overlay interaction, the overlay will not appear when I use the component in Figma sites no matter what I try.

This is a pretty big limitation to one of the most common patterns in mobile UI.

Is there any way to accomplish this that I am missing?

    13 replies

    Show previous replies
    Joey Lane
    Joey Lane
    New Member
    January 21, 2026

    Any solution to this problem yet? I have tried using a popover (unsupported by Sites) and variable control for hide/show menu (can’t close menu once a navigation link is clicked). Need a solution that works. Can you please share a working example of the Sites team recommendation? I have attempted it many different ways keep hitting a wall when it comes to scroll behavior. A working example would be very helpful. I have to remove my menu all together for now because this is currently unsolvable in any meaningful way. :( 

      Joey Lane
      Joey Lane
      New Member
      January 21, 2026

      Also want to point out that any use of position:fixed with the menu makes it disappear when using Sites CMS. Seems to be a known issue, but worth reiterating that currently you have to choose between a fixed position (which is the best option for having the menu pin to all sides while preventing scroll) and CMS, which is obviously a big value add for list pages. 

      leoluca804
      leoluca804
      New Member
      April 8, 2026

      Hey All, thanks for reaching out! 

      Our Sites team confirmed that this is possible, but it’s likely different from what you’re used to creating, because Open overlay is not yet available in Sites.

      Basically, you will need to create a hamburger menu variant set with an open state and a closed state. The closed state needs to be a duplicate of the open state that you will clip off using clip content.

       

      I hope this helps explain, but for step-by-step help with your particular file, please reach out to our support team here: https://help.figma.com/hc/en-us/ requests/new

      Thanks for sharing this workaround honestly, it makes sense given the current limitations in Sites. The idea of duplicating the open state and clipping it for the closed version feels a bit manual, but it’s a clever way to simulate the interaction until native overlays are supported.

        Terms & ConditionsAccessibility statement