Skip navigation links
Digital Experience Studio > Website Technology > Sitecore CMS > XMC Component Guide >

Masthead

Masthead

The Masthead contains the white MSU helmet logo and wordmark and the site name text. The helmet logo and wordmark link to msu.edu. The site name text links to the site homepage.

Masthead is a part of the header, along with Brand Bar and Main Navigation. These are found in a site’s Header folder inside the site’s Data node in Content Editor.

The navigation menu (collapsed) within the context of the website header.
Figure 1: Example of the Header component from the MSU homepage. The top red outlined area indicates the Brand Bar, including Audience Links and Global CTA Links. The outlined area in the middle indicates the Masthead. The bottom outlined area indicates the Main Navigation.  

 

A masthead showing one rows of site name text. Row 1: "University Communications" in large text.
Figure 2: Example of the Header component from the University Communications and Marketing homepage. In this case, the Brand Bar only contains Global CTA Links on the right. On most sites, the Brand Bar is next to the Masthead. Audience Links would appear in the center and Global CTA Links are on the right. 

 

Note: While the search bar appears in this same area, it is a separate site configuration and not considered part of the Header component.

Component Information

Benefits

  • This component displays the MSU helmet and wordmark in the header, along with the site name text.
  • The MSU helmet, wordmark and the main site name (Site Name 1) are required fields.
  • Additional site name lines are optional. Multiple lines are available to support unit’s needs for illustrating unit and college affiliation.
  • The site name links to the website’s homepage, enabling visitors an easy means of returning home.
  • The MSU helmet and wordmark link to the msu.edu homepage, enabling visitors an easy way to access that website and strengthening the brand connection between the unit and the university.

Frequently Asked Questions

No, the masthead logo must be the white MSU helmet with wordmark and must link to the MSU homepage.

Yes, Site Name 1 text can be longer than one line. However, it will wrap as best as the space allows on different size screens. Line breaks cannot be controlled.

Instructions for Use

In Content Editor:

  1. Locate the site’s Masthead folder (sitename > Data > Header > Masthead).
  2. Set or edit the main site name by adding or editing the text in Site Name 1. 
  3. If a college or department name is desired:
    1. Set the link in Site Name 2 using the Insert link or Insert external link options. 
    2. Set the Description/Link Description text to be the college or department name.
  4. If additional site name text is desired:
    1. Add text to Site Name 3.
  5. When done making changes, click Save.

In Content Editor:

  1. Select the Masthead.
  2. Right click and select Publish Item. This is also available in the Publish tab under the Publish icon drop-down menu.
  3. In the Publish Item pop-up panel, make sure Smart publish, Publish subitems and Publish related items are all checked.
  4. Click Publish.
  5. On the Message confirmation panel, click OK.
  6. When the publish process completes, click to close the Publish Item panel.
  7. Return to Pages.

In Pages:

  1. To see the Masthead changes in Pages, reload the canvas.
  2. Once published, changes to the Masthead may take a few minutes before appearing on the live page. It may also require refreshing the browser tab/window.
A masthead showing one row of site name text. Row 1: "Digital Experience Studio" in large text.
Figure 3: Example of the Header component from the Digital Experience Studio homepage. In this case, only Site Name 1 (“MSU Experience Studio”) is in use.

 

A masthead showing two rows of site name text. Row 1: "University Communications" in medium text. Row 2: "Digital Experience Studio" in large text.
Figure 4: Example of the Header component from the Digital Experience Studio homepage. In this case, Site Name 1 (“MSU Experience Studio”) and Site Name 2 (“University Communications”) are in use. 

 

A masthead showing two rows of site name text. Row 1: "Digital Experience Studio" in large text. Row 2: "Marketing, Public Relations and Digital Strategy" in small text.
Figure 5: Example of the Header component from the Digital Experience Studio homepage. In this case, Site Name 1 (“MSU Experience Studio”) and Site Name 3 (“Marketing, Public Relations and Digital Strategy”) are in use. 

 

A masthead showing three rows of site name text. Row 1: "University Communications" in medium text. Row 2: "Digital Experience Studio" in large text. Row 3: "Marketing, Public Relations and Digital Strategy" in small text.
Figure 6: Example of the Header component from the Digital Experience Studio homepage. In this case, Site Name 1 (“MSU Experience Studio”), Site Name 2 ("University Communications" and Site Name 3 (“Marketing, Public Relations and Digital Strategy”) are in use. 

Tool Use Guide

 

 PagesExplorerContent Editor
Add/edit Site Name 1  Optimal
Add/edit Site Name 2  Optimal
Add/edit link to Site Name 2  Optimal
Add/edit Site Name 3  Optimal
Publish changesOptimal Possible

 

Documentation updated: Nov. 1, 2024

XMC Component Guide