Elementor Mobile Menu Icon Doesn’t Work

  • Hi everyone,

    I use Elementor’s theme builder to create the headers for a lot of my sites, and I noticed that whenever the Breeze plugin is active, the mobile menu toggle doesn’t work, you just tap on it and nothing happens.

    It doesn’t matter which settings are enabled/disabled inside Breeze (I’ve tried them all), purely having the plugin active even with all the settings turned off is enough to break the menu.

    Any idea why this might be happening? Thanks in advance.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Joshua Burkitt

    (@joshua30)

    I’ve just discovered that it causes the same problem on a site I have using Thrive Architect.

    This site only has a header built with Thrive on the homepage, and all other pages use the header that’s built into the theme. And when Breeze is enabled, the menu on the homepage breaks, but it’s fine on the rest of the site.

    So it really seems that it is a problem with any menus made in page/theme builders.

    @joshua30 I have experienced the same issue with the mobile menu icon when building headers with Elementor Pro.

    The fix (for me, at least; it sounds like it isn;’t working for you) is simple-but-frustrating — deactivate the JS minification settings.

    I have always intended to go in and figure out which script exactly is being affected, in order to exclude it from minification, but I haven’t gone down that rabbit hole as of yet.

    There may also be a conflict with the recently added feature to automatically Delay JS inline scripts. I have noticed problems with simply having Breeze active (with no settings turned on). Those issues disappear when Breeze is deactivated.

    There are several complaints about this in this forum, and it’s very frustrating that the plugin dev team can’t get this straightened out!

    Plugin Author adeelkhan

    (@adeelkhan)

    First of all sorry for the late reply. Actually, there must be some conflict of activated theme and plugin due to which the issue occurs. in general, I have followed the steps which you guys mentioned but did not get the conflict issue.
    Could you please provide some more details like any console errors have shown?
    it would be more helpful for us to overcome the issue.

    Thread Starter Joshua Burkitt

    (@joshua30)

    Thanks for responding, the issue actually seems to have fixed itself now after the last update.

    Edit: Sorry, forget that, I forgot that I needed to be logged out of wp admin to test it.

    The issue is still there, but I have since found that if I “Enable delay inline JavaScript” under “Advanced Options” and remove “nonce” from the box below, it seems to solve the problem.

    Plugin Author adeelkhan

    (@adeelkhan)

    Basically the “nonce” tag conflict with the activated theme/plugin.Once you disable it the conflict point resolved. in Breeze 1.2.1 there is an option to enable/disable the “Delay Inline JS option”.

    Hi,

    I have the same issue since today on all my websites.
    All of them run Elementor Version 3.2.4 , Elementor Pro Version 3.2.2, Breeze Version 1.2.1, Bot Protection Version 4.58, and the Hello Elementor Theme Version: 2.3.1. Deactivating Breeze resolves the issue.
    WordPress 5.7.2

    Doing a clean installation with above plugins and the interior design theme is reproducing the problem.
    Link to elementor template: https://library.elementor.com/luxury-real-estate/

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Elementor Mobile Menu Icon Doesn’t Work’ is closed to new replies.