Unable to display Off Canvas Menu

Hi there,

Go to Customizer > Additional CSS field and remove this block of code:

.main-navigation .inside-navigation .menu .slideout-toggle, button.menu-toggle, .slideout-overlay {
    display: none !important;
}

Let me know if this helps :)

Hi thanks for the help.

It did work. But the primary menu was showing twice. Then I went to primary navigation to make some changes. While decreasing the Mobile Menu Breakpoint value, I'm able to see only the primary menu as in a PC view. But increasing the Mobile Menu Breakpoint value displays the primary menu two times with the off-canvas option

It did work. But the primary menu was showing twice.

Any chance you can make this issue appear again for me to take a look?

Please change the mobile menu breakpoint back to 768px for now.

Also, did you import any sites from our site library?

I've changed the breakpoint back to 768px. You can see the issue appearing i.e two primary menus in the off-canvas menu.

No. I hadn't imported the sites from site library.

Looks like one of them is added using a Custom Menu widget inside the widget area?
https://docs.generatepress.com/article/off-canvas-panel-overview/#off-canvas-panel-widget-area

Thank you very much.

When the off-canvas menu was not appearing. I had tried adding this custom menu and I forgot this :)

No problem :)