University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Setting up Your Site Header and Footer

Customize your site-wide header and footer elements.

New Brand Features

This page is being updated to reflect adjustments needed for the new digital brand.
read more about the digital brand transition
> read more about adjusting your header and footer for the new brand

New Accessibility Features

A new setting has been added which allows the header to serve as an H1 title on home pages.
> Read more about this setting below.

On this page:

Specialists only.

Only those with a Specialist role in the UBCMS can edit these files.

Overview

Header and footer elements are stored in your site's special Site-Wide Configuration folder.

Each area can hold several special components, which will be listed in the Sidekick when you are viewing the header or footer page.

Please be very carefully making your changes. They will be reflected throughout your site.

Example Site-Wide Configuration directory for this website.

The Site-Wide Configuration folder for this website in the admin console.

Editing the Header

Footer components available in the sidekick.

These components are available in the sidekick.

Open the Header page (double-click or right click). You will now see just the header elements, and the Sidekick will show any applicable components.

Here you can modify the elements in your site's header to reflect your organizational identity and affilliations, as well as provide navigation links for tasking, audience and social media.

Headers can have several components, although not all will occur on every site. From top to bottom:

* The main horizontal navigation bar with its dropdowns is not edited here. The UBCMS builds it dynamically from your site's secondary pages.

** The Mobile Menu is required for most sites to generate navigation on small screen devices.

Footer components available in the sidekick.

These components are available in the sidekick.

Editing the Footer

Open the Footer page (double-click or right click). You will now see just the header elements, and the Sidekick will show any applicable components.

Here you can modify the elements in your site's footer, including the main unit title, parent affiliation(s), as well as additional navigational links for tasking, special audiences, and your social media channels.

All of these features are housed in a single component:

There are several layout options, each with additional space for links and content.

Sites will have a 'simple' or 'enhanced footer,' plus an optional 'fat footer,' with the fat footer displayed on top.

The 'simple footer' holds identity and contact details, while the 'enhanced footer' holds those same identify and contact details, plus some additional elements (usually links). Pages can also have a 'fat footer' with multple columns that usually contains links and social media buttons.  All are built from the same component, the Fat Footer ('Footer') Container.  

New Brand Features

As we embrace the new digital brand, existing UBCMS sites may need to make important adjustments to their header and footer. Please consult the following guide to be prepared:

New Accessibility Features

To better meet ADA accessibility guidelines that require all pages to have an H1 title, a setting has been added to Page Properties to allow the Header container to become the H1 title on home pages that for stylistic reasons do not have a regular 'Heading 1' Title component.

  • This will be ON by default for every home page, but can be turned off if needed.
  • This will be normally turned OFF for any page that is not a home page, but can be turned on if needed.

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)