[Resolved] Off canvas menu is empty

[Jay]

Hi,

I’m trying to use an off canvas menu with the same contents as my desktop menu.
Under Appearance > Menus, I have these selected:

Primary Menu
Off Canvas Menu

However the off canvas menu is empty, but only on actual mobile devices. If I resize a desktop window, the menu items show. What could be the issue?

[Leo]

Hi there,

This should be the issue:
https://docs.generatepress.com/article/off-canvas-panel-overview/#empty-off-canvas-navigation

Let me know 🙂

[Jay]

I do have Menu Plus activated and off canvas menu selected, still not working.

[Leo]

I’m not seeing the off canvas menu activated in the link provided.

So you’ve selected a menu for Off Canvas Menu under theme locations?
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-location

Can you clear and disable your caching plugin for now?

[Jay]

I disabled it for now, visitors need a working menu.
Here are my settings:

Although mine says display location and not theme location.

[Leo]

I really can’t tell what the issue is without seeing it unfortunately.

Maybe duplicate the set up on a staging site so we can debug?

[Jay]

I have enabled the off-canvas menu again.
Visit the site from a mobile device to see how it’s not working. You’ll notice if you resize your desktop browser, it does work.

[Leo]

Hmm I suspect there is a plugin conflict.

Can you disable all plugins except GP Premium to test?

Might be good to start a staging site so we can go through some debugging tests.

[Jay]

No need, I found the plugin causing the issue. It’s Async Javascript.
What .js should I exclude from async?

[Leo]

Try excluding:
offside.js
offside.min.js
sticky.js
sticky.min.js

[Jay]

That did it, thanks a lot!

[Leo]

No problem 🙂

[Author]

Posts