Sub Menus

Each sub-menu has a panel containing a header, a description, optional primary and secondary buttons, and any number of links.

To configure a sub-menu:

1. In Screen Options, check "CSS Classes" option.
2. Go to WordPress dashboard > Appearance > Menus and select the main menu you want to add to.
3. Add a custom link with no url to the top level of the selected menu. This will be the link to the submenu.
4. Add a custom link as a child of the one added above with no url, a CSS class of subnav-header, and a Navigation Label containing the title you want displayed.
5. Add another custom link as above, but this time with a CSS class of subnav-description, and a Navigation Label containing the description you want displayed.
6. Optionally, add another custom link as above, but this time with a CSS class of subnav-button--primary, and a Navigation Label containing the button text you want displayed, and also add the url you want the button to go to.
7. Optionally, add another custom link as above, but this time with a CSS class of subnav-button--secondary, and a Navigation Label containing the button text you want displayed, and also add the url you want the button to go to.

To add links to the submenu:

1. Create a new menu (for example called submenu01) containing the links you require.
2. In your main menu, add a custom link with a CSS class of subnav-menu and a Navigation Label containing the name of the menu you created in the previous step (submenu01 in this example).