Transitions aren't the same on mobile device

1

Hi there,

I have created a hamburger-style mobile navigation menu for a client site i’m working on (using a persistent symbol), and when I preview on desktop (at a mobile screen resolution) all interactions work as intended (dropdown menu closes properly). However, when I pull the site up on my mobile phone browser the menu doesn’t behave the same - it stays open after a scene change.

Any help would be greatly appreciated! The website is www.nbpgrp.com (happy to share the working file if helpful)

Thanks,
Nick

1 Like
2

will be the best :slight_smile:

3

Working file available here: https://www.dropbox.com/s/wrieysznsy9jv8c/NBP%20Website_03.hype.zip?dl=0

Let me know if you have any issues accessing or opening the file, thank you!

4

I need to investigate further as it isn’t immediately clear the difference; there are two workarounds you can use:

  • Change from using On Mouse Click to On Mouse Down for the actions
  • or Uncheck Use Touch Events in the Document Inspector
5

Awesome! I tried both, but only had luck with the second option - Unchecking the Use Touch Events.

Thanks for your help

1 Like
6

@nicklenko straight thought structured document -> well done ! :slight_smile:

2 Likes