Overlay menu not working on iphone ( Interaction )

I have a problem with interaction. There is an overlay menu on the website I am developing right now. It is working fine one very device but not working on the iPhone. No idea what is happening. Here is the site link https://sugar-final-v13.webflow.io/

Here is my site Read-Only: https://preview.webflow.com/preview/sugar-final-v13?utm_source=sugar-final-v13&preview=bbb2ccb0c97574b83f0fe2a4c134ebdd

Hey @samliew can you help?

@PeterDimitrov @PixelGeek can you guys help?

I have a problem with interaction. There is an overlay menu on the website I am developing right now. It is working fine one very device but not working on the iPhone. No idea what is happening. Here is the site link https://sugar-final-v13.webflow.io/

Here is my site Read-Only: https://preview.webflow.com/preview/sugar-final-v13?utm_source=sugar-final-v13&preview=bbb2ccb0c97574b83f0fe2a4c134ebdd

@Moshfequr9 - I moved your duplicate post back to the original topic.

ok. can you help now?

You have a complicated layout with a background video and a custom menu. Since I can’t publish changes I can’t test for you.

I suggest debugging the issue on IOS by hiding certain elements (background video for example), then publishing, then testing on IOS. You need to try to isolate where the issue lies.

I personally don’t use background videos on mobile devices for performance reasons. Not saying this is where your issue is, but I would check that first.

When I try to debug complex issues, I usually export the site, then run it locally and make my changes to the source. That works for me.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.