Responsive/mobile menu not working after WP 5.5 update (infinity)

[betsie]

After updating to WordPress 5.5 mobile menu not working as expected. All plugins and Genesis updated.
Testing on a localhosted copy showed the problem is related to WP 5.5

If one of you has a solution, can you be so kind to let me know?

Thanks in advance!

[bushrang]

I can confirm that. The latest WordPress version seems to remove jquery migrate, which is actually very good.

But apparently some Genesis themes need jquery migrate to display the mobile menu. At least that's how it is with the Showcase Pro theme.

Since other themes have this problem as well, it would be great if there was a workaround for it. At best a solution that works without the manual insertion of jquery migrate.

[betsie]

Thanks to Genesis support: Replacing js/front-page.js with an updated version solves the problem.
Or replace this line in front-page.js:

$( '.genesis-nav-menu a[href*=#]:not([href=#])' ).click(function() {

with:

$( '.genesis-nav-menu a[href*="#"]:not([href="#"])' ).click(function() {

[bushrang]

Wow! Great. Thanks for the quick reply @betsie. Just tested it and it's working like a charm.

For all the Showcase Pro users out there:
Showcase Pro has no file called front-page.js. What you are looking for is the global.js.

In global.js find the line:

$( 'div[class^="front-page-"] a[href*=#]:not([href=#])' ).click(function() {

and replace it with:

$( 'div[class^="front-page-"] a[href*="#"]:not([href="#"])' ).click(function() {

Clear the cache if you have a caching plugin running and enjoy!

[recast]

I have same issue of no hamburger menu in Infinity Pro. These responses did not work for me. "Enable jQuery Migrate Helper" did give me Hamberger in mobile, but removed my regular menu on desktop with no Hamburger.

[Onda]

I am using Executive Pro and have the same problem and no clue how to solve it...

[AnitaC]

@onda please share a link to your website.

---

Need help with customization or troubleshooting? Reach out to me.

[aidia]

I have the same issue with my site using Infinity Pro. I could not find that line in the front-page js file that betsie mentioned so I don't know how to fix it. Can anyone help me?

Thank you so very much.

Regards,
Lydia

[AnitaC]

@aidia can you post a link to your website?

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts