[Resolved] Off Canvas Panel Not Showing Sub-Menus

[lunatrix]

I have the off canvas menu set to cover and as the menu for mobile only. I’m using the navigation widget to insert my menu but the sub-menus don’t show up.

[Ying]

Hi there,

Can you try to assign a menu to the off-canvas menu at appearance > menus, instead of using widget?

Let me know 🙂

[lunatrix]

No, that’s not going to work for me. I want to put the search widget above the menu widget, and then I have a shortcode button above the menu as well. If I assign the menu in the appearance > menu section then I can’t control the look of the off-canvas panel.

[Leo]

Ying’s solution is the best.

Please do that first then we can help you to re-arrange the panel with some CSS.

[lunatrix]

I have added the menu as suggested.

What I am trying to accomplish in the off-canvas panel is:

widget
widget
menu
widget
widget

[Leo]

Any chance you can link us to the site in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[lunatrix]

I can’t because it’s on my local machine 🙁

But I do know why the sub-menus are not showing up. The menu formatting is not carrying over when it is assigned as a widget, but I am not sure what CSS I need to fix it. I know at least some of it is the list item formatting.

[Leo]

Can you start a staging site for it?

It’s impossible for us to provide the CSS without seeing the site live.

Thanks!

[lunatrix]

I have a testing site that I can share – it has the same menu and off-canvas panel config.
I’d like to sandwich the menu between the 4 widgets.

[Leo]

Try this:

.slideout-navigation .inside-navigation #block-2 {
    order: 1;
}
.slideout-navigation .inside-navigation #block-3 {
    order: 2;
}
.slideout-navigation .inside-navigation .main-nav {
    order: 3;
}
.slideout-navigation .inside-navigation #lsi_widget-3 {
    order: 4;
}
.slideout-navigation .inside-navigation #block-4 {
    order: 5;
}

[lunatrix]

Perfection! Thanks 🙂

[Leo]

No problem 🙂

[Author]

Posts