Home

Centering Pages in Modern Experience

%3CLINGO-SUB%20id%3D%22lingo-sub-819947%22%20slang%3D%22en-US%22%3ECentering%20Pages%20in%20Modern%20Experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-819947%22%20slang%3D%22en-US%22%3E%3CP%3EHello%20all%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20having%20some%20trouble%20searching%20for%20a%20way%20to%20center%20a%20master%20page%20or%20a%20modern%20experience%20page%20in%20SharePoint.%20There%20is%20so%20much%20space%20on%20the%20right%20and%20I'd%20like%20to%20have%20it%20centered%20rather%20than%20have%20everything%20all%20to%20the%20left.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPS.%20I%20removed%20the%20current%20nav%20on%20the%20left%20(which%20is%20what%20I%20prefer)%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAnyone%20know%20how%20I%20can%20make%20everything%20on%20my%20site%20centered%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-819947%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Ecenter%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Emodern%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Epage%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESites%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-820020%22%20slang%3D%22en-US%22%3ERe%3A%20Centering%20Pages%20in%20Modern%20Experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-820020%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F397356%22%20target%3D%22_blank%22%3E%40yammy%3C%2FA%3E%26nbsp%3BUnfortunately%2C%20there%20is%20no%20supported%20way%20of%20doing%20this%20in%20a%20Office%20365%20Team%20Site.%20There%20are%20some%20hacks%20out%20there%20utilizing%20SPFx%20Extensions%2C%20but%20I%20advise%20against%20this.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-822842%22%20slang%3D%22en-US%22%3ERe%3A%20Centering%20Pages%20in%20Modern%20Experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-822842%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F397356%22%20target%3D%22_blank%22%3E%40yammy%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIf%20you%20want%20content%20centered%20and%20no%20left%20nav%20bar%2C%20you%20should%20create%20a%20communication%20site.%20By%20removing%20the%20left%20nav%20bar%20in%20a%20team%20site%2C%20you%20have%20also%20removed%20the%20search%20box.%20No%20one%20can%20use%20search%20on%20your%20site%20-%20not%20from%20a%20page%20or%20in%20a%20list%20or%20library%20or%20anywhere.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIn%20either%20case%2C%20you%20will%20have%20the%20same%20amount%20of%20white%20space.%20It's%20just%20split%20differently%20on%20a%20comm%20site.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
yammy
New Contributor

Hello all,

 

I'm having some trouble searching for a way to center a master page or a modern experience page in SharePoint. There is so much space on the right and I'd like to have it centered rather than have everything all to the left.

 

PS. I removed the current nav on the left (which is what I prefer)

 

Anyone know how I can make everything on my site centered?

 

Thanks!

2 Replies

@yammy Unfortunately, there is no supported way of doing this in a Office 365 Team Site. There are some hacks out there utilizing SPFx Extensions, but I advise against this.

@yammy 

 

If you want content centered and no left nav bar, you should create a communication site. By removing the left nav bar in a team site, you have also removed the search box. No one can use search on your site - not from a page or in a list or library or anywhere.

 

In either case, you will have the same amount of white space. It's just split differently on a comm site.

Related Conversations
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
28 Replies
Tabs and Dark Mode
cjc2112 in Discussions on
2 Replies
*Updated 9/3* Syncing in Microsoft Edge Preview Channels
Elliot Kirk in Articles on
202 Replies
Early preview of Microsoft Edge group policies
Sean Lyndersay in Discussions on
65 Replies