Menu Card (Classic)

Available on
Sites+

You are viewing documentation for an older version of the website theme.

Menu Cards are best suited for mini-navigation for a sub-section of a website or a bank of related links to external resources. As part of the Sites+ platform, the CALS/LAS web team will place the Menu Card and then a Content Editor will be able to edit it.

Screenshot of a Menu Card in the left sidebar of a web page
A Menu Card can be placed in sidebars, home pages, and other regions.

Editing a Menu Card

Locate the Menu Card you wish to edit. If the Menu Card is on a homepage or landing page, click the Edit tab to access the Homepage Editor.

Click the pencil icon in the upper left corner of the Menu Card. (The pencil icon appears when you hover over the card with a mouse, or if you use the keyboard to tab to it.) Then click Edit or Configure.

The pencil icon is in the upper right of the Menu Card

Parts of the Menu Card

Note: The interface to edit a Menu Card looks different if the Menu Card is part of a homepage or landing page, but the principles are the same.

Here are the different fields of the Menu Card edit screen and how to use them.

Screenshot of the entire Menu Card edit screen
The Menu Card edit form

Block description

This is the title of the menu. In the Homepage Editor, this field is called title.

Links

Each link consists of the Link Text and the URL. The Link Text will be displayed to visitors and is what they'll click on. The URL can be four things:

  1. Full URL to an external page. Example: https://iastate.edu
  2. Internal link to a page that already exists on your site. Just begin typing the name of the page and the field will autocomplete.
  3. You can link to the homepage with <front>
  4. You can leave the URL blank with <nolink> but this is not recommended.

Re-order links

Links can be re-ordered by using a mouse to clicking and holding the move icon and dragging the link to a new position, or by using keyboard arrow keys.

Removing links

To remove a link, move it to the last position, then delete the content from the Link Text and URL.

Orientation

The two choices are vertical and horizontal. The vertical orientation puts the links in a single column. The horizontal orientation arranges them as tabs. We do not recommend changing this option without consulting the CALS/LAS web team.

An example of a horizontal tabbed menu.
The horizontal orientation is styled like tabs.

Creating, moving, and removing Menu Cards

Please contact the CALS/LAS web team to create, move, or remove Menu Cards at websupport@iastate.edu with your name and the name of your website. We'd be happy to help.