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

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.

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:

Was this page helpful?

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