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

%3CLINGO-SUB%20id%3D%22lingo-sub-2839525%22%20slang%3D%22en-US%22%3ECustomizing%20the%20Header%20%26amp%3B%20Footer%20for%20a%20modern%20communication%20site%20beyond%20the%20built-in%20options%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2839525%22%20slang%3D%22en-US%22%3E%3CDIV%20class%3D%22%22%3E%3CP%3EWe%20want%20to%20start%20a%20new%20SharePoint%20modern%20communication%20site%20collection%2C%20and%20the%20first%20step%20we%20need%20to%20do%20is%20to%20define%20the%20site%20theme%20mainly%20the%20site%20header%20and%20footer.%20currently%20we%20have%20the%20following%20design%20for%20the%20header%3A-%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22h1.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F316878iB1E9787E413B14F8%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22h1.png%22%20alt%3D%22h1.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CDIV%20class%3D%22%22%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eand%20the%20following%20design%20for%20the%20footer%3A-%3C%2FP%3E%3CDIV%20class%3D%22%22%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22f1.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F316879iD55D34474CCDE02C%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22f1.png%22%20alt%3D%22f1.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Enow%20based%20on%20the%20built-in%20capabilities%2C%20seems%20we%20do%20not%20have%20much%20options%20to%20define%20such%20a%20custom%20header%20and%20a%20custom%20footer%2C%20so%20what%20are%20the%20other%20approaches%20we%20can%20follow%20to%20define%20such%20a%20custom%20header%20and%20footer%3F%3C%2FP%3E%3CP%3EThanks%3C%2FP%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2839525%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
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

0 Replies