hamburger is not working on mobile

Hi, for the last few days the mobile hamburger menu has been behaving incorrectly. At first, I noticed it in Microsoft Clarity (where clicks were not being registered properly), but since Clarity injects extra scripts, I disabled it. However, the issue kept getting worse afterward.

After updating everything (WordPress core, plugins, and Woodmart), the problem still persists. Additionally, I noticed that in the newest Woodmart update two new modules, popup and floating blocks were added, but they are not displaying their icons correctly. This makes me think the issue might be related to a Woodmart theme itself.

Here’s what I’ve already done to troubleshoot:
* Switched PHP versions (tested on 8.1, 8.2, 8.3 and 8.4).
* Deactivated all plugins except the ones required by Woodmart.
* Reinstalled both the theme and WordPress.
* Enabled debugging — no critical PHP errors appeared, only deprecated notices from WPML and Flexible Shipping.
* Forced WooCommerce scripts (woocommerce.min.js, wc-cart-fragments) to load manually in functions.php.
* Verified that wp_footer() is correctly included in my child theme.
* Cleared all caches (Woodmart cache, browser, and server-level).
* Downgraded and upgraded versions of plugins and themes.
* Tested both the child and parent themes.

Despite all that, the hamburger menu still requires two clicks or more to open or doesn’t react at all and doesn’t always toggle properly.

Thank you for your help, it’s a production WooCommerce site, so I’d really appreciate guidance on what changed in the latest release regarding header scripts or mobile navigation initialization. But i also have staging site, i will privide both access in private content.

7 hours later, still trying to figure this out but the funny thing is that the problem on mobile disappear when you log in lol, as logged out it doesnt work

[pattiealeksandra]

but the floating buttons and popup still doesnt work, i havent figured this one out too

• This reply was modified 1 month, 2 weeks ago by pattiealeksandra.

ok im done, i don’t have any more ideas for this menu, the front page seems to work but other that you open from menu require 2 clicks to open. Oh and website was done in march, the problem appeared about one week ago, before that everything worked well, idk what changed i tried literally everything.

Hello,

I have tested this functionality on your website and it works without any problems. Could you please record a short video so we can better understand how to reproduce this?

Kind Regards

As you can see it works only on the main page and sometimes product pages (not all the time and everytime it works on different product categories), on blog, contact it doesnt work and requires two clicks

Movie below

Ughh the size is too big, but as i said menu doesnt open on one click when you are not on the front page, you can test it on contact page which forces you to double click

We tested on different pages and it works correctly https://gyazo.com/85833d221c2fef771f919e778be91fc1

yeah, but you test it from browser dev tools, on real phone it doesnt work

and did you check these floating elements + popup? Why the icons are not visible and in dashboard it’s destroyed?

Hello,

This issue is caused by the following plugin https://wordpress.org/plugins/wp-reviews-plugin-for-google/
It renders its content when you first touch the screen. And that may break other events on the page, including the mobile menu opener click/touch.

Kind Regards

Ooooh wow! I didn’t even suspect that plugin, it was on my safe list. Thank you! And what about that popups/floating elements module, do you know what is causing the issue? Because that area is still displaying incorrectly. on a different site (not the one this ticket refers to), with only a freshly installed theme and Elementor, I’m getting a critical Woodmart error when enabling that popups/floating elements module. Is it just something still in development, or will a fix be released soon?

There are no known issues with our pop-ups that lead to critical errors. Could you please provide us with access to the website where you have this problem? We need to be able to reproduce it somehow.

Yes, of course — I’ve added them in the private content below. I created a floating block, but it’s showing a critical error. Oh, and since we’re already on this page, is there any chance to align the floating block to the right edge of the page? That’s the effect I’m aiming for.

Attachments:

You must be logged in to view attached files.

Thank you. But even after login, we can’t open your website pages on the frontend without a password https://gyazo.com/0c19f7bdb597096c6abe5cd58e64cad2

oh sorry, the password is:

Could you please send us your FTP access so we can enable the Debug mode to see the error and troubleshoot it?

yes of course, pass in private content

Apply patch 693117 in WoodMart -> Patcher.

To align the floating block to the right edge, use the alignment shown here: https://prnt.sc/TiZGM0ywWZqx

Also, remove the container paddings so the block sticks to the screen edge: https://prnt.sc/dHKjqsJcLA9h

oh thank you 🙂 it works now. Is there any way to rotate it 90deg or do i have to set it through transform button?

To rotate the floating block in your case, use the Transform → Rotate option for the container – https://prnt.sc/6AExN_eDR5IO

Also, to ensure correct display, set the appropriate min-height value – https://prnt.sc/7fzJnZR3rfEu

thank you! works perfectly 🙂

You are always welcome. Feel free to contact us if you have any further questions.

[Author]

Posts