Sticky menu – mega menus don't work – script isn't initialised

Hi,
Since the update, our sticky menu links have stopped working. They work fine in the standard menu.
You can see a screen recording here: https://we.tl/t-LLA3KJTSYs

It seems that like with the full screen search issue, the JS doesn’t initialise from the sticky menu.

Note: We have a child theme but the issue persists with that turned off too.

Can you please help? Link in private content.

Thanks,

Hello,

I watched the video you attached.

Please deactivate all the third party plugins, activate the parent theme then clear cache and check back.

If the problem continues then leave all the third party plugins deactivated and provide with the admin panel login details of the website then we will troubleshoot with the theme plugins.

Regards.
Xtemos Studios

Hi Awan,

I’ve done that and found that it still doesn’t work even with the parent theme on and plugins deactivated.

There seem to be cross browser issues. We did this process twice, and It’s not been working on chrome or chrome-derived browsers at all, it worked on Firefox the first time, but no longer, and it did work on Safari after we disabled the GTM plugin (but given the unreliability we saw with Firefox, that may be a red herring).

The admin details are in the private content section.

Can I please ask that you detail any changes that you make on the site so that we can replicate on our production site or in case we need to revert to an old version?

Thanks,

Hello,

The Issue seems to be with the Sticky header clone.

Please Edit the header settings from left top and disable sticky header clone to make your selected header as sticky header.

Screenshot for Clarification: https://ibb.co/YpmWNkJ

And then try setting the header row you want to set as sticky.

Screenshot for Clarification: https://ibb.co/chhD0xL

Regards.
Xtemos Studios

Hi Awan,

That’s not going to work for us. It means having to select between showing the basket or search, or showing menus or our logo.

When is the sticky header going to be fixed?

Since the upgrade 2 of our team members have spent days trying to get rid of release bugs. There are a few more bugs we found that we’re about to post too.
This version seemed to have been released prematurely without proper QA and we’re burning resources on it. It’s costing us quite a lot of money. I wouldn’t even call it a beta.
Can you please let us know when we can expect a more stable release?

Regards,

Hi,

Try to edit the file woodmart/js/scripts/menu/menuSetUp.js and replace the following snippet

mainMenu.on('click', ' > .wd-event-click > a', function(e) {

with this one

woodmartThemeModule.$document.on('click', '.wd-nav > .wd-event-click > a', function(e) {

You will need to disable Combine and Minify JS options. This bug will be fixed in our next theme update as well.

Kind Regards

Thanks Artem,

It seems to work.
Unfortunately somewhere while we’ve applied this fix and the one for this ticket (https://xtemos.com/forums/topic/mobile-menus-collapse-when-scrolling/#post-294312)
the search button in the sticky nav on mobile broke and no longer launches the side-menu search.
We can’t figure out why. It persists when we disabled the child theme and all plugins apart from woocommerce, woodmart and elementor.

We’ve left them disabled. Can you please help figure it out?

Thanks,

Hello,

Try to enable this option https://prnt.sc/13druwt and then select “Search full screen” in this option https://prnt.sc/13drvzp

Regards

Hi Eric,

Both of these have already been in place, so the problem seems to lie elsewhere…

Thanks,

Hello,

We don’t see the search icon in the sticky header right now.
https://prnt.sc/13ftg4i

Hi Eric,

It was changed while we we’ve been working on something else. I’ve not changed it back. The child theme is disabled and all third party plugins apart from Elementor have been deactivated so you can investigate.

Please note that the issue is on the sticky header on mobile.

Thanks,

Hi,

Try to edit the file woodmart/js/scripts/header/mobileSearchIcon.js and replace the following snippet

$('.wd-header-search-mobile').on('click', function(e) {

with this one

woodmartThemeModule.$document.on('click', '.wd-header-search-mobile', function(e) {

You will need to disable Combine and Minify JS options. This bug will be fixed in our next theme update as well.

Kind Regards

Thank you.

You are welcome!

[Author]

Posts