Customizing the Header & Footer for a modern communication site beyond the built-in options

Valued Contributor

We want to start a new SharePoint modern communication site collection, and the first step we need to do is to define the site theme mainly the site header and footer. currently we have the following design for the header:-

 

h1.png

 

 

and the following design for the footer:-

 

f1.png

 

now based on the built-in capabilities, seems we do not have much options to define such a custom header and a custom footer, so what are the other approaches we can follow to define such a custom header and footer?

Thanks

1 Reply

@john john,

OOTB capabilities:

  1. You can setup header/footer navigation using OOTB settings. You can use different types of header layouts like minimal/compact/standard/extended, menu styles like Mega menu or Cascading menu.

  2. You can add links as well as labels in navigation

References:

  1. New Site Header Options in SharePoint Online
  2. Customize the navigation on your SharePoint site

Custom - SPFx capabilities:

You can use SPFx application customizer to develop custom header/footer on you site using default placeholders.

References:

  1. Use page placeholders from Application Customizer

SPFx sample: Tenant Global NavBar Application Customizer


Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.