Mobile Website Menu not Working on iPhone Only

**sorengen** · 01 August 2023, 02:05 PM

Sorry, I've been MIA the last few days. My client has reported that the menu is still not working for him and others that have tested it. He stated, "The menu does create a drop-down list of pages when touched, but it won't navigate to the pages and always stays stuck on the home page." It seems that everyone is getting a different experience when interacting with the menu, so I'll try as Egg suggested by clearing my server directory and republishing. I've tried attaching the working file, but apparently, there is a 10 MB limit on the file size... my file size is 17 MB... any suggestions? I really appreciate all the responses.

**handrawn** · 01 August 2023, 03:11 PM

you could try zipping it - the file size limit is the same for .ZIP so it depens how much it compresses....

**Acorn** · 01 August 2023, 05:27 PM

You appear to have a panel that overlays most of the menu items in the hamburger drop-down.

If you are very careful and just on the right-most letter of each, they open their correct pages.
Note BLOG is not hidden so jumps to the page.
If your jump to BLOG all menu links then work.

Click image for larger version.

Name: Screenshot 2023-08-01 182641.jpg
Views: 41
Size: 54.7 KB
ID: 133910

Hope that helps.

Acorn

**sorengen** · 01 August 2023, 08:24 PM

Originally Posted by Acorn

You appear to have a panel that overlays most of the menu items in the hamburger drop-down.

If you are very careful and just on the right-most letter of each, they open their correct pages.
Note BLOG is not hidden so jumps to the page.
If your jump to BLOG all menu links then work.

Hope that helps.

Acorn

I looked at the mobile menu and saw no overlapping... I turned on the wire-frame view and still, there is nothing there showing overlapping.

I'm not sure how you're getting that result... the menu words are the top item in the top layer. (scratching my head...???)

**Acorn** · 01 August 2023, 09:56 PM

Originally Posted by sorengen

I looked at the mobile menu and saw no overlapping... I turned on the wire-frame view and still, there is nothing there showing overlapping.

I'm not sure how you're getting that result... the menu words are the top item in the top layer. (scratching my head...???)

it's nothing to do with wireframing. I used the CSS Debugger option in my browser (Vivaldi has it built in; others are probably an Add-On 'CSS Debugger').

It doesn't matter what you see, it is what you can click.
If you click an item and it just closes or if you click the right-most edge of the last letter and it does then you know there is someting in that vicinity.
If after you successfully click to another page and all works after that then the something may be a copy of the menu with the wrong link values on top of the proper one.

Without you design, i can only report outcomes.
Check you don't have a double hamburger.

Also if I am getting this on a PC then the iPhone part is a red herring.

Clone the design file to a different name.
Delete the content of the Main pages but not the menu.
Even delete some complete pages (Main & Variant).
We don't need every page, just index and a couple more...

...your republished site seems to be working correctly.
Now you need to advise your client to purge their browser cache (Ctrl+F5) and recheck.

Acorn

**sorengen** · 02 August 2023, 12:56 PM

Ahhh, well, if the republished site is working correctly then I guess there's nothing else I need to do. (Previously, even after clearing my browser cache, the site was working fine for me - desktop and Android phone... so I wasn't able to see any issues. I'm glad it is working now.) I will have my client check for themselves for their satisfaction. Thank you so much for taking the time to help. I really appreciate it! Thank you, Acorn.

**Acorn** · 02 August 2023, 07:13 PM

Originally Posted by sorengen

Ahhh, well, if the republished site is working correctly then I guess there's nothing else I need to do. (Previously, even after clearing my browser cache, the site was working fine for me - desktop and Android phone... so I wasn't able to see any issues. I'm glad it is working now.) I will have my client check for themselves for their satisfaction. Thank you so much for taking the time to help. I really appreciate it! Thank you, Acorn.

The thanks surely must be @Egg as he advised purging your server.

Acorn

**sorengen** · 01 August 2023, 07:45 PM

I tried zipping the file, but it only compressed by 1 MB.

**Vortilon** · 02 August 2023, 01:55 AM

Another option we use on the Magix forum is upload that ZIP file to Google Drive (or any of the file-sharing services such as Dropbox) and post the link. You have to set the "sharing" to "anyone with the link".

When you/we have finished with the file, you delete it from the drive and it's gone forever.

**sorengen** · 02 August 2023, 12:58 PM

Originally Posted by Vortilon

Another option we use on the Magix forum is upload that ZIP file to Google Drive (or any of the file-sharing services such as Dropbox) and post the link. You have to set the "sharing" to "anyone with the link".

When you/we have finished with the file, you delete it from the drive and it's gone forever.

Yes! Of course! I should have thought of that! I will remember that for the next time my file is too large to upload here. Thanks for the great suggestion, Vortilon.