Burger menu without function/after three clicks without function

Hey ThiloKiefer,

Thank you for the inquiry.

The mobile menu seems to be functioning correctly on our end. However, we noticed that the menu items under “Digitale Kommunikation” either contain only “#” or have no links. Could you provide more details on how we can reproduce the issue?

Best regards,
Ismael

Hi,

the navigation is usually no longer clickable after 3 times to change a page

We can’t reproduce this issue on our end. Would you mind providing a short clip of the problem?

Best regards,
Ismael

Hi,

Thank you for the short clip.

We still can’t reproduce the issue on our end. Please provide the login details in the private field so we can check the menu items in the dashboard.

Best regards,
Ismael

Hi,

Please use the email in the private field and make sure to immediately generate the password, as we don’t have direct access to this email.

The navigation only remains clickable if we have deactivated the “delay JavaScript execution” in WP Rocket.

Also, try contacting the plugin developer for more info about this option. In the meantime, you can temporarily disable this option to prevent the issue from occurring.

Best regards,
Ismael

Hi,
Thank you for the link to your site, I tried to review your video but it is no longer available, I checked your site and the mobile menu seems to work correctly, by clicking a menu item with two submenus, and direct menu items. But since you write that the WP Rocket options seem to cause the issue, I believe that you need to add exceptions to the plugin, it has a field for this script blocking conflict.
Please see this WP Rocket documentation
And possibly the Wp Rocket REMOVE UNUSED CSS option, with this list of classes
If this doesn’t help, I see that there is an unsolved WP Rocket issue with Delay JS for mobile devices on IOS, if this is your issue you may need to disable this issue until WP Rocket corrects.

Best regards,
Mike

Hi,
I’m not able to login to your site, I get an error that the user name is not valid.
Did you try the exceptions from the WP Rocket documentation? Then clear your site and browser cache.

Best regards,
Mike

Hi,

/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/dynamic_avia/avia-footer-scripts-(.*).js
var avia_is_mobile
/enfold/js/avia.js
/enfold/js/shortcodes.js
/enfold/config-templatebuilder/avia-shortcodes/
/enfold/js/avia-compat.js

If you are also using the Wp Rocket REMOVE UNUSED CSS option you will also need to add this list to it:

.main_menu
.menu-item-avia-special
.av-hamburger
.av-hamburger-box
.av-hamburger-inner
.av-burger-overlay
.av-burger-overlay-scroll
.av-burger-overlay-inner
.av-active-burger-items
.av-burger-overlay-active
.av-burger-overlay-active-delayed
.av-hamburger--spin
.av-js-hamburger
.avia_hidden_link_text
.av-burger-menu-main
#av-burger-menu-ul
#avia-menu
.av-width-submenu 
.av-active-burger-items
.current_page_item 
.current-menu-item
.av-active-burger-items
.avia-menu 
.av-main-nav-wrap

I’m not able to login to your site, I get an error that the user name is not valid, I also can not reproduce the error on your site.

Best regards,
Mike

Hi,
In your video the “Unternehmen” was the only item that would not open, when I check with the “delay JavaScript execution” disabled the “Unternehmen” still will not open.
When I check the backend you have a empty column under this item, once removed it will then open on mobile with “delay JavaScript execution” enabled or disabled.
I left this setting for you to check.
I assume that you want the desktop mega menu for “Unternehmen” to show for desktop, so for this I would recommend creating a second menu to show on mobile menu only.
See this thread.

Best regards,
Mike

Hi,
I tried enabling “Delay Java Script” and changed your mobile menu to “Display submenu items on click” and tested in Safari with Responsive Design Mode to emulate a iPhone and in Chrome as a mobile device on a Mac but found no issues after more than six clicks.
I see that your “Excluded JavaScript Files” has one file “menu.js” so perhaps you have not cleared your iPhone cache. Please note that testing with iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
But note that the recommended “Excluded JavaScript Files” are more than your one file.

/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/dynamic_avia/avia-footer-scripts-(.*).js
var avia_is_mobile
/enfold/js/avia.js
/enfold/js/shortcodes.js
/enfold/config-templatebuilder/avia-shortcodes/
/enfold/js/avia-compat.js

Also note that the plugin offers a “One-click exclusions” option for the theme:

but I’m not able to reproduce the error on your site now, so I assume that it is a cache issue on your device, please check.

Best regards,
Mike

Hi,

Sorry for the delay. We are still not sure what is causing this issue. Have you tried using a different plugin for the “delay JavaScript execution” feature, such as Autoptimize? You can also compress the scripts and stylesheets with this plugin.

Best regards,
Ismael