Site logo

Archived topic

Off Canvas Panel Not Showing Sub-Menus

11 replies · Started by lunatrix on August 5, 2021

Viewing posts 1–12 of 12

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

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 :)

This archived topic is closed to new replies.