Custom Menu Widget – need a different one for each page

How many different menus are you talking about, three or four? Ten?

Here’s a simple, but “kludgy” way of making what you want happen.

Each page has a unique ID associated with the body element, like page-id-2. And each widget in the sidebar is going to have a unique ID as well, like nav_menu-8. So what you would do is create a custom menu widget in the sidebar for each of your custom menus, hide all of them by default using a CSS rule, then add additional rules which display the menu depending upon the page ID:

/* Hide all custom menus by default */
.widget_nav_menu {
   display: none;
}
/* On page 3, show menu 8 */
/* On page 4, show menu 7 */
.page-id-3 .nav_menu-8,
.page-id-4 .nav_menu-7
{
   display: block;
}

Another option would be to create a different menu for the page.

In the theme options > misc settings. You can create extra sidebars, create one for each page you want a different menu on. Then in the widget area add your menus to different sidebars, assign the sidebar to the page using the sidebar page template.

Kadence Themes

That’s great, it works, thanks so much for the feedback!