Full screen popup navigation slow to disappear

jmpace · 2024-07-30T18:59:20.372Z

I have a full screen popup nav that I’m using on mobile. It uses a grayout and background color to bleed edge to edge. Works great on destop but on mobile it’s very slow to transition when navigating to the page. In the screenshot you can see how it behaves after click - and it hangs like this for a couple of seconds before finally loading the new page. How can I address this?

IMG_0531.PNG1179×2556 208 KB

IMG_0530.PNG1179×2556 86.9 KB

Screenshot 2024-07-30 at 11.53.08 AM766×722 40.7 KB

boston85719 · 2024-07-31T06:07:49.225Z

How are you loading the new page? is this a SPA or multi page app?

jmpace · 2024-07-31T12:58:49.719Z

A multi page app.

boston85719 · 2024-07-31T15:20:31.316Z

I would add an action before the navigation action to hide the menu and perhaps show a message of redirecting if your page load speeds are very slow on mobile

jmpace · 2024-08-01T00:10:20.922Z

Thanks for the suggestion. Would you implement that differently than I have? This is what I’m using currently:

Screenshot 2024-07-31 at 5.09.35 PM

boston85719 · 2024-08-01T05:22:20.634Z

That looks fine. If you have the issue with that setup it might be due to the menu as a popup which might take longer to close. I use floating groups and group focus as menus.

system · 2024-10-08T18:59:39.052Z

This topic was automatically closed after 70 days. New replies are no longer allowed.