Menus: creating and customizing - Verba

Header and footer

#Creating the menu

Menus are a standard WordPress feature. Build one at AppearanceMenus: add pages, categories, or custom links, drag them into order, and drop an item under another to make it a submenu.

Create the menu

At AppearanceMenus, give it a name and add your items.

Assign it to a location

Tick Navigation Menu under the display location settings, and save.

If you created a menu and it isn't there, it almost always exists but was never assigned to a location. WordPress doesn't guess which menu goes where.

The theme registers three locations: Navigation Menu for the header, and Footer Menu 1 and Footer Menu 2 for the footer.

One level of nesting is an ordinary submenu. Deeper levels only make sense in certain submenu types, covered in Menu item options.

#What the theme changes

Menu appearance is set at AppearanceCustomizeVerba ThemeNavigation. The General tab has Menu Item Gap and the overflow settings; the Menu tab has Override Typography for the menu font and size.

When there are more items than fit, Collapse Overflow Menu Items (on by default) folds the extras under a single item once the menu passes Max Visible Menu Items (5 by default), so the menu doesn't break the header at awkward mid-sized widths.

Collapse Overflow Menu Items switched on and Max Visible Menu Items set to 5
The overflow settings on the General tab.

The mobile menu has its own settings on the Mobile tab. See The header.

With Pro, the Menu group on the General tab of VerbaTheme OptionsNavigation adds hover effects (Hover pill, Submenu hover panel, Submenu morphing) and Category images on mobile.

#Where this page stops

Per-item settings (icons, label pills, subtitles, and submenu types) are covered in Menu item options.

Can I have a different menu on some pages?

Not from the theme settings, which use one menu per location. A plugin that switches menus by condition can do it.

My submenu doesn't open

Check that the child items are nested under the parent in the menu editor, indented one level in, rather than sitting at the top level in order.

Last updated

Was this article helpful?

FIND THE ONE THAT FITS YOUR PROJECT

Import a demo, swap the content, adjust the layout. Modern WordPress under the hood, fast even when the site fills up.