Microsoft is expanding the SharePoint Online branding options, including new header configurations for modern sites that will make your job easier to customize your SharePoint Online site.

Microsoft has started rolling out the updates to site header options to all SharePoint Online tenants, see Roadmap.

The header in your SharePoint site is the container for the site logo, site title, site navigation, and some other links like Follow and Share.

Where can you find header options?

Header options are located under Change the look settings. You can see change the look settings when you will click on Settings icon in the top right corner of your SharePoint site.

Header Layouts

Before this release there were only two header layouts available, Standard and Compact. With this release, Microsoft is adding two more header layouts, Minimal and Extended.

Minimal Layout

A minimal layout uses a reduced height to provide quick visual access to content in a single line including small site logo, site title, site navigation, site actions and labels.

Use minimal header when the branding is not much important, and you want to make the more space available for content to display on your page.

Compact Layout

Compact layout is a larger height layout that uses the full-size site logo while keeping content on a single line similar to minimal layout.

For all SharePoint sites created after this release, the default site header will be the compact header instead of the standard header.

Standard Layout

Standard layout was the default header for all SharePoint sites before this release. Standard layout uses the full-size site logo and the content will be split onto 2 lines.

Extended Layout

Extended layout is the largest layout of all. In this layout, content will be split into 2 content areas:

• Site logo, site title, and an optional background image at the top area
• Site navigation and other contents at the bottom area.

An extended header layout includes an optional background image, expanded site logo widths, and site logo alignment options like left, center & right.

Site title visibility

Using this new option, you can easily toggle the site title visibility to On or Off.

Site title visibility option is available with all four header layouts.

Site Logo and Thumbnail

Before this release there was only one option available to select site logo that will appear in the site header, which can be transparent or non-transparent​.

Now you can add a Site logo thumbnail that will appear in search results, on the site card, and wherever else a square logo is needed. ​

If you are using an extended layout, you can change the site logo alignment to left, center or right of the site header.

I hope you liked this blog. Give your valuable feedback & suggestions in the comments section below and share this blog with others.