Forum Discussion

john john's avatar
john john
Steel Contributor
Oct 12, 2021

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

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 followin...
developer
SharePoint Online
ganeshsanap's avatar
ganeshsanap
MVP
Oct 24, 2021

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.