dark-attentiondark-datedark-timedark-contactdark-infodark-play dark-pricedark-venueicon-alert icon-arrow-left icon-arrow-right icon-blockquote icon-cal icon-clock icon-contact UI / Full-Part-Volunteer CopyCreated with Sketch. EPS IconCreated with Sketch. icon-facebook--dark_circle icon-facebook--dark_square icon-facebook--outline_circle icon-facebook--outline_square icon-facebookCreated with Sketch. icon-htm icon-info icon-instagram--dark_circle icon-instagram--dark_square icon-instagram--outline_circle icon-instagram--outline_square icon-instagram icon-linkedin--dark_circle icon-linkedin--dark_squareicon-linkedin--outline_circleicon-linkedin--outline_squareicon-linkedin icon-logo2 icon-mp3 icon-pinterest--dark_circle icon-pinterest--dark_square icon-pinterest--outline_circle icon-pinterest--outline_square icon-pinterestCreated with Sketch. icon-play icon-price icon-spotify--dark_circle icon-spotify--dark_square icon-spotify--outline_circle icon-spotify--outline_square icon-spotify icon-spreadsheet icon-threads--dark_circle icon-threads--dark_square icon-threads--outline_circle icon-threads--outline_square icon-threads icon-tiktok--dark_circle icon-tiktok--dark_square icon-tiktok--outline_circle icon-tiktok--outline_square icon-tiktok icon-twitter--dark_circle icon-twitter--dark_square icon-twitter--outline_circle icon-twitter--outline_square icon-twitterCreated with Sketch. icon-x--dark_circle icon-x--dark_square icon-x--outline_circle icon-x--outline_square icon-x icon-youtube--dark_circle icon-youtube--dark_square icon-youtube--outline_circle icon-youtube--outline_square icon-youtubeCreated with Sketch. FolderCreated with Sketch. icon-zoom light-attentionlight-cal light-clocklight-contactlight-infolight-play light-pricelight-venue

Menus

StageHand offers two menus. The primary (or main) navigation and the secondary (or eyebrow) navigation.

The primary navigation refers to the main, largest menu in the header — including Details, Kitchen Sink, Instructions, and Contact on this demo site. The secondary navigation is above the primary navigation, sitting on top of it like an eyebrow. It includes Active Users and Resource Center on this site.

StageHand logo next to the primary and secondary menus seen that the top of this site

Editing the Site Menus

To update your menu, go to Appearance > Menus in the lefthand navigation on the WordPress dashboard.

At the top of the page, select the menu you would like to update in the dropdown that says ‘Select a menu to edit:’ and click ‘Select’. (Be sure to actually hit ‘Select’ to see these menu items populate below.)

Open dropdown field to choose primary or secondary menu to edit

Now you can start adding or editing menu items.

Adding Menu Items

Screenshot of sidebar in menu edit page

To add a page, check ✔️ the desired page in the ‘Add menu items’ section on the left. Scroll to find the desired page or use the ‘Search’ tab to type in what you are looking for.

Once the desired page(s) is selected, click the ‘Add to Menu’ button and they will be added to the very bottom of the menu list.

You can also add posts, productions, and/or custom links to the menus. To do so, simply expand the desired content type and follow the same steps as above.

Note: if you are not seeing the Posts or Productions here, expand the ‘Screen Options’ in the top right corner of your screen and toggle on whatever content types you wish to include.

Editing Menu Items

After a menu item has been added, you have several options to customize it and the menu.

Reorder — You can drag and drop menu items to reorder them. You can also create submenu items by selecting a menu item below the desired parent menu item and dragging it slightly to the right until a dotted line appears as seen in the screenshot below. It should snap into place, leaving it slightly indented.

Note: The primary menu is only styled to allow a single tier of subnavigation. The secondary menu is not styled to allow subnavigation. If you add a tier beyond these, the style and function may not work properly.

Screenshot of menu structure section on menu edit pageChange Text — To change the label for an item, expand the menu item and update the ‘Navigation Label’ to the desired text.

Make A Button — To make a menu item a button, such as the Contact button in the primary menu above, expand the menu item and check ✔️ the ‘Menu Button’ option.

This is often used for Contact or Donate buttons, or any menu item that you wish to prioritize.

Open in New Tab — If you want a menu item to open in a new tab, expand the menu item and check ✔️ the ‘Open link in a new tab’ option.

Remove an Item — To remove a menu item, expand and click the red ‘Remove’ link in the bottom left corner of the menu item box.

 

When you have added and edited all the desired menu items, select ‘Save Menu’.

 

 

Note: To change the styles for the primary or secondary navigation item, visit the Customizer for typography, color, size, and other style options.