hamburger drop-menu not working after update

Hi Andy,

I am sorry to hear that you have run into issues. I am happy to help out.

As the issue is happening on a specific installation, perhaps one of active plugins or third-party scripts may be the cause.

Can you try troubleshooting the plugins with the help of this plugin: https://www.ads-software.com/plugins/health-check/?

Regards,
Kharis

Hi Kharis,

Thank you so much for your time and your dedication!
I have updated all plugins and theme, and deleted what was not necessary.
There was an issue with a plugin mainly.
But unfortunately now some of the Additional CSS are not working any more. Once dropped the hamburger menu, the main menu items are in black color, the sub-menu arrow is white (barely visible).
My previous code for Additional CSS was the following:

#mainnav ul li {
background-color: #f9f9f9 !important;
}

#mainnav a {
color: #ff8000 !important;
}

#mainnav-mobi ul li {
background-color: #f9f9f9 !important;
border-color: #f9f9f9;
}

#mainnav-mobi {
background-color: #f9f9f9 !important;
}

#mainnav-mobi .sub-menu li a {
color: #ff8000 !important;
background-color: #f9f9f9 !important;
}

#mainnav-mobi li a {
color: #1c1c1c !important;
background-color: #f9f9f9 !important;
}

.btn-submenu:before {
color: #ff8000;
}

.navbar-toggle.collapsed {
background-color: #ff8000 !important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #fff !important;
}

.nav-menu .current_page_item a {
color: #5fffea;
}

@kharisblank I have the same issue after Update to 1.72 on different sites.

https://lentscher.de (Elementor) here I can see the menu, but I can’t use it.
https://landsknechtstross.de (SiteOrigin) here I can’t see the menu.
https://sr-thierhaupten.de (SiteOrigin) here I can’t see the menu.

The health check says “good”

I can’t find any issue. Can you please help me.

Thanks
Lenschi

Hi Lenschi,

Can you please refer to this thread, where our development team lead has suggested the easy solution?

Regards,
Kharis

Hi Kharis,

@kharisblank I have reinstall the SydneyToolbox. But the issue is still there. I cannot use the menu on mobile.

The same issue on all sites.

Regards
Lenschi

Hi Lenschi,

Can try disabling all other plugin temporarily to check whether one of them causes you this issue or not? To find out specific plugin that may be the source of this issue, you will need re-enable all disabled plugins one by one and do checking in each.

Regards,
Kharis

Hi @kharisblank

I have disabeld all plugins but on the sites
https://landsknechtstross.de and https://sr-thierhaupten.de the issue is still there.
This sites are created without Elementor.
I have also deleted all additional CSS in the costomizer area, but the issue is still there.

On the site https://lentscher.de I disabled the plug in “All-in-One Addons for Elementor – WidgetKit” and then the site work corectly.
This site is created with Elementor.

Have you any other idea?

Regards
Lenschi

Hi Lenschi,

As checked, I noticed you are using child theme for your three websites. Can you try disabling it and switching to the main theme; then run your test?

Also, I found the Max Mega Menu is active on these sites: https://landsknechtstross.de and https://sr-thierhaupten.de. Perhaps the Max Mega Menu’s mobile menu is causing you this issue? Can you try disabling it and use the Sydney theme’s default mobile menu instead, that may be working for you?

Regards,
Kharis

Hi @kharisblank

If I turn too the main theme it works on the sites who build without Elementor. Its a configuration in the header.php. I have disabled the header.php and now I can see a menu with two hamburger menus. I think this is a problem with MegaMenu.

But on the site it is build with elementor, the issue is still there. But if I disable “All-in-One Addons for Elementor – WidgetKit” plug-in it works fine.

Regards
Lenschi

Hi Lenschi,

Can you check the versions of your plugins whether they are the latest or not?

Regards,
Kharis

Hi @kharisblank

It’s the latest version. Version 2.3.8

Regards
Lenschi

But if I disable “All-in-One Addons for Elementor – WidgetKit” plug-in it works fine.

Can you let me know why you need this plugin? What did you do with it?

Regards,
Kharis

@kharisblank

I use this plugin for different picture effects on the landing page eg. picture slidein or teamsfunctions (section “Steckbrief”). I have activate to plugin, you can have a look on https://lentscher.de

Regards.
Lenschi

• This reply was modified 3 years, 11 months ago by lenschith.

Hi Lenschi,

Perhaps the issue may be with specific elements from that plugin like what you are curringly using on home page. Can you try duplicating your home page to a separate page and remove those elements for checking?

Regards,
Kharis

Hello @kharisblank

the plugin is activated and I have published a copy of the landingpage without the elements. You can see here https://lentscher.de/test-2

There it works.

On the landingpage it does not work, there were the elements active in section “Steckbrief” and “Projekte”

Regards
Lenschi