Communication sites Fixed Header/Footer

%3CLINGO-SUB%20id%3D%22lingo-sub-185356%22%20slang%3D%22en-US%22%3ECommunication%20sites%20Fixed%20Header%2FFooter%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-185356%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%3EHas%20there%20been%20any%20thought%20of%20changing%20the%20way%20the%20header%20of%20modern%20communications%20sites%20work%3F%26nbsp%3B%20Because%20they%20are%20fixed%20on%20some%20smaller%20screens%20the%20real%20estate%20left%20for%20content%20can%20get%20very%20small.%26nbsp%3B%20This%20is%20especially%20apparent%20when%20the%20site%20is%20connected%20to%20a%20Hub%20site%26nbsp%3Bwhen%26nbsp%3Byou%20happen%20to%20have%20custom%20Header%2Ffooter%20extensions%20(As%20they%20are%20also%20fixed)%20and%20maybe%20even%20the%20new%20social%20footer%20bar%20enabled.%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EI%20think%20A%20header%20that%20collapses%20vertically%20when%20the%20users%20scrolls%20down%20would%20be%20a%20welcomed%20feature.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3ETeam%20sites%20don't%20have%20the%20fixed%20header%20and%20it%20gives%20the%20user%20a%20lot%20more%20vertical%20space%20for%20content.%26nbsp%3B%20Is%20there%20any%20plans%20for%20the%20future%20that%20would%20give%20the%20users%20a%20choice%20of%20the%20type%20of%20navigation%20that%20is%20used%20on%20a%20page%26nbsp%3Bduring%20creation%20(Teams%20and%20Comm)%3F%26nbsp%3B%20For%20example%20you%20may%20want%20to%20create%20a%20site%20that%20uses%20the%20Communications%20site%20navigation%20stype%20for%20the%20homepage%20which%20has%20the%20navigation%20on%20the%20top%2C%20but%20then%20in%20other%20pages%20in%20the%20site%20use%20the%20Team%20site%20style%20that%20has%20the%20navigation%20down%20the%20side.%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EJust%20some%20ideas%20that%20users%20may%20find%20attractive.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EThanks%2C%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-185356%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-233646%22%20slang%3D%22en-US%22%3ERe%3A%20Communication%20sites%20Fixed%20Header%2FFooter%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-233646%22%20slang%3D%22en-US%22%3EIs%20it%20advisable%20to%20use%20extension%20to%20play%20with%20header%20section%20as%20the%20header%20dom%20can%20be%20changed%20by%20the%20Microsoft%20in%20future%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-186610%22%20slang%3D%22en-US%22%3ERe%3A%20Communication%20sites%20Fixed%20Header%2FFooter%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-186610%22%20slang%3D%22en-US%22%3E%3CP%3EProbably%20you%20need%20to%20use%20Application%20customizer%20to%20adjust%20fixed%20header%20and%20footer%20on%20communication%20site.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-185421%22%20slang%3D%22en-US%22%3ERe%3A%20Communication%20sites%20Fixed%20Header%2FFooter%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-185421%22%20slang%3D%22en-US%22%3E%3CP%3EYes%2C%20this%20helps%20with%20the%20large%20page%20headers%20(And%20now%20there%20is%20also%20the%20option%20to%20remove%20them%20in%20the%20interface)%20but%20I'm%20talking%20more%20about%20the%20Fixed%20header%20on%20Comm%20sites.%26nbsp%3B%20When%20you%20scroll%20the%20header%20(and%20any%20footers)%20are%20always%20present%20which%20really%20cuts%20into%20your%20useable%20space.%26nbsp%3B%20if%20you%20look%20at%20the%20attached%20image%20you%20can%20see%20how%20the%20entire%20header%20and%20the%20social%20footer%20are%20always%20present%20and%20limit%20the%20usable%20space%20for%20content.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Emaybe%20I'm%20missing%20something%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-185414%22%20slang%3D%22en-US%22%3ERe%3A%20Communication%20sites%20Fixed%20Header%2FFooter%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-185414%22%20slang%3D%22en-US%22%3E%3CP%3EPlease%20refer%20previous%20post%20below.%20It%20has%20ample%20samples%20and%20workarounds%20for%20the%20same%20.%20Hope%20it%20helps.%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FSharePoint%2FHeader-area-for-Modern-Pages%2Ftd-p%2F30597%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FSharePoint%2FHeader-area-for-Modern-Pages%2Ftd-p%2F30597%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Has there been any thought of changing the way the header of modern communications sites work?  Because they are fixed on some smaller screens the real estate left for content can get very small.  This is especially apparent when the site is connected to a Hub site when you happen to have custom Header/footer extensions (As they are also fixed) and maybe even the new social footer bar enabled. 

 

I think A header that collapses vertically when the users scrolls down would be a welcomed feature.

 

Team sites don't have the fixed header and it gives the user a lot more vertical space for content.  Is there any plans for the future that would give the users a choice of the type of navigation that is used on a page during creation (Teams and Comm)?  For example you may want to create a site that uses the Communications site navigation stype for the homepage which has the navigation on the top, but then in other pages in the site use the Team site style that has the navigation down the side. 

 

Just some ideas that users may find attractive.

 

Thanks, 

 

 

4 Replies

Please refer previous post below. It has ample samples and workarounds for the same . Hope it helps.

https://techcommunity.microsoft.com/t5/SharePoint/Header-area-for-Modern-Pages/td-p/30597

Yes, this helps with the large page headers (And now there is also the option to remove them in the interface) but I'm talking more about the Fixed header on Comm sites.  When you scroll the header (and any footers) are always present which really cuts into your useable space.  if you look at the attached image you can see how the entire header and the social footer are always present and limit the usable space for content.

 

maybe I'm missing something

 

 

Probably you need to use Application customizer to adjust fixed header and footer on communication site.

Is it advisable to use extension to play with header section as the header dom can be changed by the Microsoft in future?