Menu is not working on mobile

[SMomo]

I have several pages on my website with a global menu. The menu displays correctly on laptops, but in the mobile view there is no menu, hamburger icon, or navigation option at all. We are using the Academia theme. It was working earlier, but suddenly stopped working.

Does anyone have suggestions about what might be causing this issue and how to fix it?

[WebGuruz_Tech]

Hi @SMomo,

This usually happens when the mobile menu JavaScript or responsive header settings stop loading properly, especially in HubSpot themes like Academia.

Since you mentioned it was working earlier and suddenly disappeared, I’d first check whether:

• any recent theme customization was made,
• custom CSS/JS was added,
• or a header/global content update was published recently.

From the screenshot, it looks like the desktop navigation is still rendering, but the mobile trigger (hamburger icon/menu container) is either hidden or failing to load entirely.

A few things worth checking:

• In the theme editor, make sure the mobile menu option is still enabled in the header settings.
• Check whether the global header module was accidentally edited or duplicated.
• Test the site in an incognito window and clear cache, since sometimes old JS/CSS files get stuck.
• If custom CSS was added recently, inspect whether something like display:none is affecting the mobile navigation classes.

I’ve also seen this happen after theme updates, where responsive scripts stop loading correctly or conflict with optimization/minification tools.

So honestly, this sounds more like a theme/header rendering issue than a problem with your actual menu structure.

And yes, HubSpot themes can sometimes behave strangely once global modules and responsive settings start interacting together. The team at WebGuruz Technologies can help if you’d like another perspective on troubleshooting the theme or fixing the mobile navigation behavior.

Hope this helps!