Archived topic
Off Canvas Panel Not Showing Sub-Menus
11 replies · Started by lunatrix on August 5, 2021
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.
Hi there,
Can you try to assign a menu to the off-canvas menu at appearance > menus, instead of using widget?
Let me know :)
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.
Ying's solution is the best.
Please do that first then we can help you to re-arrange the panel with some CSS.
I have added the menu as suggested.
What I am trying to accomplish in the off-canvas panel is:
widget
widget
menu
widget
widget
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 :)
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.
Can you start a staging site for it?
It's impossible for us to provide the CSS without seeing the site live.
Thanks!
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.
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;
}
Perfection! Thanks :)
No problem :)
