Only first menu click works on iPad

I have a problem with the menu on my iPad. The menu, that consists of anchor tags, only works on the first click. The next clicks are ignored… When I change the menu to a hamburger menu (with css I’ve found on this forum), everything works fine. Does anyone know what the problem is here? link to my site: https://www.logies-cereon.be/

Hey @reyske,

I’m sorry but I don’t quite understand the issue. Please remove the CSS you’ve found in this forum so we could see what’s wrong and give you a proper solution.

Thanks.

Sorry, I’ve removed the css and invalidated the caches. This only happens in landscape mode (in portraid mode the hamburger menu is displayed)

Hi There,

I checked the site in iPad landscape and Portrait mode and the menu works fine as it should be.
Not sure the exact issue you are facing. Can you please send us a screenshot of the issue that you are facing.

Thanks

Have you tried pressing a menu item, then scroll back to the top and press another one? The problem is that it works fine for the first press.

Hi again,

I checked your setup and I see the content is being served by the cache and there are multiple JS errors in browser’s console. Please check for the following first:

  1. Ensure everything is up to date according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195. Please follow the best practices when updating your theme and plugins. See https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62 for more details.

  2. Clear all caches including browser cache then deactivate your caching plugins and other optimization plugins.

  3. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

  4. Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

  5. Remove custom CSS, Javascript and templates.

Thanks.

I’ve updated everything, removed javascript & custom css, disabled all caching and removed almost every plugin. The problem still persists…

Hi there,

I clicked the menu and scroll down, then I scroll up to do the second click and still works. How about providing a video recording of what issues you’re getting?

Thanks!

On which iPad did you do it? I’ll make a video asap

Here is a screencast: http://logies-cereon.be/dump/ipad_menu.mov

Hi there,

Yes, I’m able to confirm it now after updating my iOS version. I debug it and there is no error at all.

But It’s actually working, but the looks like the script responsible for scrolling and animation are still RUNNING once you do the second click. In fact, if you wait long enough without reloading and do another click, it will start scrolling again and that means, it’s already finished executing the script. But that repeats the issue again, had to wait again.

This could be performance issue of the new iOS Safari, would you mind deactivating all other plugins that can affect javascript performance, actually most of all. Then let’s try testing it again.

Thanks!

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