Preferences: Theme and Menus Tab
Menus
You can configure your site's header and footer on the Theme and Menus tab in Site Preferences.
Menu Style
The "Menu Style" item determines how the main navigation for your site is displayed. "Menu to the right of site name" is a great option for a small site, because the menu items are visible on desktop screens - and then move into a mobile-style "hamburger" menu on tablets and phones. When using the "Menu below the Caltech logo and site name" style, most people see the mobile menu. Only people using screens wider than 1440px (which excludes most laptop users) see your menu items along the top of the page.
With either option, you will need to limit your top-level page's menu titles to prevent them being pushed onto two lines, as seen below:
Utility Menu
"Utility Menu" is the name for the menu in the upper right hand corner of the desktop version of your site. In the screenshot below, it contains links for "Join Our Email List" and "Campus Master Calendar", and a drop down menu with options for "Find CaltechLive! on Social Media". These links are created in the top section of the "Theme and Menus" tab of Site Preferences.
To add a link to the Utility Menu, navigate to the "Theme and Menus" tab on Site Preferences, find the "Utility Menu Items" heading, and press the + button below it. This will display a block chooser which will let you add a Utility Menu Item block.
The form for this block is seen below. To create a normal link, choose a page OR fill in the Link Text and URL fields.
You may add additional Utility Menu Items by clicking on the "+" symbol that appears above each Utility Menu Item (when hovered with your mouse), and at the end of the list of said items. As usual, you may reorder or delete items using the arrows or trash can that appear on the right hand side when you hover over the three dots at the top-right of the block form.
Dropdown lists
To create a dropdown list in the Utility Menu, add the top level item and then use the + button below "Children" to add the items that should appear underneath this item. If you do not want the top level item to be clickable, you can fill the "Link Text" field but not add a url or page.
On mobile devices, the utility menu items are displayed at the bottom of the menu popup – below the main navigation. If you select the "Display at end of Slide Menu" option, the menu shown on mobile devices will create a new section marker at the end of the Utility Menu section of the popup, and then put the selected link or links below the section marker. In the image on the right, the "Caltech Sites" link, which would normally display before Features and Block Gallery, has been moved to the end of the mobile menu in a section of its own.
Footer Menu
The Footer Menu section allows you to add links to the left of the mandatory "Privacy Notice" link in the footer. For example, the "IMSS" and "Strategic Communications" links in the image below.
These links are created on the bottom half of the "Theme and Menus" tab of "Site Preferences". Click the "+ Add footer menu" button beneath the blue explanation box, and a form for adding a new footer menu item will appear. It will look like this:
If you have more than one footer link, you may reorder your links using the up and down arrow keys. You cannot remove or reorder the Privacy Notice and Copyright links.
Footer Settings
The last item on this tab allows you to hide the "Log In" link in your site's footer. This is useful if you have a very public site such as the admissions or graduate office site. The only disadvantage of hiding the login link is that now your site admins and editors need to bookmark your site's "/admin/" url so they can log in to make updates.