Top Menu — the slim bar at the very top (About, Blog, Contact in the demo).
Next to Logo — a small menu beside the logo; ideal for one or two key links, like the Get the Theme! button in the demo.
Main Menu — the primary navigation bar below the logo, with dropdown support.
Mobile Menu — when assigned, this menu is shown on mobile devices instead of the Main Menu.
Setting up your menus
Go to Appearance → Menus.
Create a menu (or pick an existing one) and add your pages, categories, and custom links.
Under Menu Settings → Menu location, check where it should appear:
Create dropdowns by dragging menu items slightly to the right, nesting them under a parent item.
Adding a button next to the logo
To style a menu item as a button (like Admissions or Get the Theme! in the demo):
Add the item to the menu assigned to the Next to Logo location.
Expand the menu item and enter wpz-button in its CSS Classes field.
Save the menu.
Don’t see the CSS Classes field? Enable it via Screen Options (top-right corner of the Menus page) → check CSS Classes.
The mobile menu
On phones and tablets the navigation collapses into a mobile menu. By default it shows your Main Menu — to show different navigation on mobile (fewer items, shorter labels), assign a menu to the Mobile Menu location and it will be used instead.
