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

Anyone who has 'attended' a physical meeting by 'conferencing in' in knows the frustrations & limitations that come from not being in the room. You're the voice in the ceiling & not equally represented in the conversation.

This is no longer acceptable.

http://ow.ly/EmFK50Fqqhu

Today, we find ourselves facing the “hybrid work paradox.”

Employees are keen to retain flexibility. At the same time, human-to-human collaboration remains important.

To marry the best of both, hone your strategy, spaces, & tech to suit employee needs.

http://ow.ly/JtVO50Fn8qX

It's the day of the show, y'all!

Join the #PixelMillWebinars this morning at 11am PST for a live panel discussion about what the #digitalworkspace looks like for a #hybrid team, & how #Microsoft365 can empower your users no matter where they're working.

http://ow.ly/q81i50FhITy

IT'S WEBINAR WEEK!

Join the #PixelMillWebinars this Thursday as we welcome key players from @OrchestrySoft, @KieferConsult, and @AP_Mortgage to discuss the hybrid work paradox and how #Microsoft365 can empower your users no matter where they're working.

http://ow.ly/2uc550FfqO6

We've all been itching to get "back to normal," but what does that mean? Are we missing out on valuable lessons learned by trying to return to something that perhaps wasn't working before?

Join us next week for a live panel discussion on the new normal.

http://ow.ly/CfsU50FdQXv

Subscribe to PixelMill's
E-news

* indicates required

Let's Talk Digital
Workspaces Today

Get In Touch