Define custom Header and custom footer

john john 1,026 Reputation points
2021-10-12T19:45:05.413+00:00

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

139962-h1.png

and the following design for the footer:-

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

Microsoft 365 and Office | SharePoint | Development
Microsoft 365 and Office | SharePoint | For business | Windows
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. JoyZ 18,126 Reputation points
    2021-10-13T06:31:44.18+00:00

    @john john ,

    We suggest you use SPFx Extensions to add custom header and footer.

    More information for your reference:

    https://learn.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions

    https://www.enjoysharepoint.com/spfx-application-customizer/

    Note: Microsoft is providing this information as a convenience to you. The sites are not controlled by Microsoft. Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there. Please make sure that you completely understand the risk before retrieving any suggestions from the above link.


    If an Answer is helpful, please click "Accept Answer" and upvote it.

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.


Your answer

Answers can be marked as 'Accepted' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.