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.
Common mobile navigation issues
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.
Steps to fix mobile navigation
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:
If the link is absolute, add a 0.1s delay to the interaction to avoid conflicts on iOS mobile.
Choose the closed phone variant:
Select the closed phone variant as the target state for the interaction.
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.
If the problem persists after following these steps, Feel free to reach out to us through our contact page for further help.