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:-

enter image description here

and the following design for the footer:

enter image description here

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?

1 Answer 1


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


  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.


  1. Use page placeholders from Application Customizer

SPFx sample: Tenant Global NavBar Application Customizer

  • so in short we can achieve the Header and Footer requested? is this correct?
    – john Gu
    Oct 13, 2021 at 8:19
  • 1
    Yes, using SPFx custom development, you can achieve what you mentioned in your question. see the sample link at the bottom for example. Oct 13, 2021 at 8:42

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.