My navigation works in preview mode but not on mobile

This guide addresses the following problems: how to fix common issues with mobile navigation and ensure smooth functionality.

On single-page sites:

Navigation closes but doesn’t scroll to the related section.
Navigation stays open but scrolls to the related section.

On multi-page sites:

Clicking a link does not redirect to the intended page.

Select the open variant of your menu:

Ensure you are working on the correct variant of the mobile navigation menu.

Add a new transition:

Click the + icon next to interactions to add a transition.

Set a delay:

Add a 0.3-second delay to the transition.

Choose the closed phone variant:

Select the closed phone variant as the target state for the interaction.

The “set Variant” modal in the Framer editor.

Check for conflicting delays:

If you already have this setup, review any previously set delays that might be causing conflicts.
Remove any other interactions applied to menu links.

Still experiencing the issue after following the steps above? Create a support ticket in the Community.