Customizing Your Modern SharePoint Site’s Header

First impressions matter, and they certainly do for your SharePoint sites. One of the first elements that anyone notices when going to a SharePoint site is the header. In the past, there weren’t many options for us to change the look of the header in modern experiences and users were not shy about sharing their requests and frustrations for this over in user voiceThankfully, Microsoft heard our pleas and gave us some new and straightforward ways for us to customize the Modern SharePoint header. 

When Modern SharePoint was first released, we only had one choice, a Standard header. Microsoft eventually released a Compact version and later added a feature called the Shy header that collapses the header while scrolling on a page. Microsoft recently added two more options for customizing the Modern SharePoint site header, Minimal and Extended. These header options are on early release now and are not generally available yet.  


How to customize the site header in Modern SharePoint 

Note: to change any settings on a site you must be either an Admin or an Owner of that site. 


1. Select settings from the ribbon

2. Select “Change the look” and then Header

3. From here, you can chose the layout you prefer.


Minimal Header

Minimal header options display a small site logo, site title, navigation, and site actions all in a single line.  


Compact

By default, all sites are created with the Compact layout. This is slightly taller than the Minimal header and displays a full-size site logo but keeps all the other content on one line. 


Standard

The Standard layout also displays a full-size logo but pushes the rest of the content to two lines. 


Extended

The extended header is the tallest of the four and provides some additional branding options. The content of the header is split into two sections; one that displays a full-size site logo and site title and the other showing the site navigations and actions. The top section of the extended header gives the choice to add a background image.  


Pro Tips:

  • The theme color affects the color of the site title. If you’re using a background image, make sure that the text is visible. If you’re using a dark backgroundswitch the background to the primary color. This changes the text from black to white. When you do switch this color to the primary, the site navigation takes on that color so be sure to design your background with the theme color in mind. 
  • Site logo thumbnail appears in search and different web parts. Make sure to upload a distinct logo thumbnail so that users have a visual for when they are searching.

     

  • Background image, site logo thumbnail, and site logo need to be either a JPEG or PNG image.

     

  • All images are stored in the Site Assets folder. 


Are you excited about these new capabilities? What changes would you like to see? 
Tell us in the comments! Does your team need help in making a great first impression with your header? A PixelMill SharePoint expert would love to chat with you today! 

Leave a Comment

Your email address will not be published. Required fields are marked *

Enter Code *

Filed Under

Related

Are you preparing to launch a new #SharePoint intranet?

Don’t spring it on employees out of the blue. First, talk to as many of them as you can.

Planning is just phase one. For all of our tips, watch our recent webinar!

http://ow.ly/dsQM50GqPI5

It's that time again! Join #Microsoft MVP & Regional Director, @EricOverfield on Thursday, October 28th, at 11:00 AM PST as he walks through #MicrosoftViva’s current state & offerings and what they mean to your #digitalworkspace right now.

http://ow.ly/3QFK50Gnx9f

It's the final countdown! Join @EricOverfield at 11am PST to learn about common pitfalls and paths to success when moving to #SharePointOnline. You'll walk away with practical tips to use in your organization today!

http://ow.ly/fdf150GjyJT

In today's episode of the #PixelMillWebinars, you'll learn from the experience of a global organization’s path to digital teamwork victory and get to see first-hand how to successfully plan a smooth migration for your team.

Join us at 11am PST!

https://pixelmill.com/webinar-9-takeaways-from-a-global-organizations-migration-to-sharepoint-online/

It's the day of the show y'all! Join #Microsoft RD +MVP @EricOverfield at 11am PST as we walk you through a multi-national enterprise software company’s migration journey to #SharePointOnline. Learn about common pitfalls and paths to success.

http://ow.ly/cN9250GjtGk

Subscribe to PixelMill's
E-news

* indicates required

Let's Talk Digital
Workspaces Today

Get In Touch