Header

A header, as defined, is information placed at the top (head) of a document or site. On this page, there are two kinds of headers that are set up. The first is the blue banner with the BYU logo, websites title, and search bar. The second is the navigation links "Home", "Standards and Policies" etc. This tutorial will talk about both and how to set them up on a new site.

Header Banner

The banner on each site is fairly standard across most BYU websites. The BYU logo needs to be included in the top left and a search bar is recommended on the right for easy navigation of the page. To set them up correctly on the site go to the Sites & Settings under Admin in the hamburger menu on the left.

Here you can select the logo, and set up the Navigation Title. The navigation title is what will be neighboring the logo. On this site, we have "Websites" to the right of the BYU logo and when clicked, will take a user back to the main page of the site.

To set up the title, in the dropdown menu under Navigational Title, there is either Text Title or Logo Title.

Text Title: This will create text that is clickable, just like what is on this site.

Logo Title: Logo title is a clickable logo instead of text.

Then, choose to set the Main Title, and below that, type the text that will appear next to the BYU logo.

Finally, choose a link type to make the text clickable.

Internal Link: This type of link will choose a page already built on Brightspot and link it to that site. An internal link will load faster than an external, so if possible, choose an internal link.

External Link: An external link will be an outside link from a page on the internet.

Navigational Header

(To see a video on this visit the Edit Header Navigation tutorial)

Page Navigation content is used to define the links in the header navigation bar and in the footer. Each Page Navigation item has a title and a list of links. These links aren't automatically updated in any way (like when you create a page or a section). A site editor specifies exactly what links appear in the navigation.

Update existing header navigation

1. Use the search field at the top of the editor page to search for your header navigation.
   
   1. It will usually appear if you search for 'nav'.
   2. If you can't find your navigation with a text search, you could change the filter in the left sidebar from All Content Types to Page Navigation
2. Click on the Page Navigation you want to edit, and the edit page will open.
3. Edit the Items. These are the links that appear in the navigation bar.
4. Click Publish.

To add an item to navigation

1. Click the + Add below the existing Items.
2. Choose Simple Navigation Item in the dropdown.
3. In the module that opens, scroll down to the Link heading, then to the Item heading below that.
4. Click the space that says Required or the magnifying glass to open a search window.
5. Choose the page or other content this navigation item should link to.
6. If needed, edit the Text.

To remove an item from navigation

1. Click the red minus button (—) to the right of an item to remove it.
2. A pink background will appear on the item and its text will disappear, indicating that you have removed it. This item will be completely removed as soon as you publish or save.
3. If you made a mistake and do not want to remove the item, click the plus button (+) that has appeared in place of the minus button, and the item will be restored.

Adding the Header

1. Go to your Sites & Settings under Admin in the hamburger menu on the left.
2. In Page Defaults, scroll down till you reach Navigation.
3. In the first dropdown menu, make sure that select is chosen. After which, in the second dropdown menu you can select your new header navigation item you just created.
4. Click on Save at the bottom.
Congrats! This header will be saved across all pages of your site.

If you would like a custom header for a certain page on your site, that is also possible through overrides on the page.

1. Go to the page you would like to add a different header to.
2. At the top menu, select Overrides.
3. Scroll down to Header and then Navigation.
4. Select the navigation item that you created.