Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The Top Menu has two parts: the links on the left and twocall to action (CTA) buttons on the right.

Instructions

Top Menu items are set in a template file in each College’s theme. For support in updating this file, contact the District Web Team via Slack or ITS.Drupal.Team@domail.maricopa.edu.

To update this file yourself, use the local development set-up included in the Bitbucket repo to pull and update the following template file: templates/system/top-menu.tpl.php.

Info

The recommended CTA buttons are Apply Now and Request Information.

...

(or utility bar) menu for global links. On desktop it the first element and on mobile its the last menu element.

...

To add a menu item to your utility bar, complete the following steps:

  • In the admin menu, click Structure > Menus > Utility bar

  • Select Add Link

  • Provide a Menu Link Title

Info

The Title you provide here will display in the main menu as-is.

  • In the Link field, enter the URL for the page you want to link

Info

If linking internally to your college’s Drupal site, the path should be url/child-page/etc (do not include https://drupal.maricopa.edu/, for example).

  • Attributes (expand the Attributes accordion):

    • If you need the link to open in a new window, set the Target to New window (_blank)

    • To make this link ‘look like’ a button, select a class.

Info

Selecting the same color as your utility bar color will not produce anything, as color are the same.

  • [Optional] In the Description field, enter a description that tells where the link goes. This is the text that appears when visitors place the cursor over the link

  • Click Save

  • In the Main navigation list of links, reorder your link using

    Image Added
  • Click Save again once reordered