Bug Report: Issues with Mobile Menu in Twenty Seventeen Theme

[marcuswisecaesar]

Quick summary

I would like to report a bug related to the mobile menu functionality in the Twenty Seventeen WordPress theme. A user in chat today reported that their mobile menu does not open on their personal plan sites. I tested this on my personal plan test site and was able to recreate it. What happens is that the hamburger menu button displays, but clicking on it does not open the menu.

CleanShot.2024-11-28.at.10.47.29.mp4

Steps to reproduce

1. On a test site with enough pages to make a menu, set a primary menu.
2. Preview the site in a mobile view, triggering the mobile menu button.
3. Click on the hamburger menu button, and the menu will not open.

A clear and concise description of what you expected to happen.

The mobile menu should open, displaying the pages.

What actually happened

The button registers that it was clicked, but the menu does not open.

Impact

Some (< 50%)

Available workarounds?

Yes, difficult to implement

If the above answer is "Yes...", outline the workaround.

The workaround is to switch themes to a modern theme that uses the Site Editor, like Twenty Twenty-four/Five.

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

[happychait]

Also reported here: #8472

[mxhassani]

Another case here: 9105388-zen

Simple sites only

Works well on Atomic

The issue is related to the missing Javascript action on the Menu Button.
The file containing the function is loaded, but for some reason it's not working/not affecting the HTML (no listner attached to the button):

Workaround:

A workaround is to use this CSS to make the menu visible consistently on mobile devices:

.menu-test-container * {
  display: block !important;
}

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 9105388-zen
• 9103376-zen
• 9104368-zen

[jordesign]

9103376-zd-a8c

9104368-zd-a8c