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%3CLINGO-SUB%20id%3D%22lingo-sub-893293%22%20slang%3D%22en-US%22%3ERe%3A%20Centering%20Pages%20in%20Modern%20Experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-893293%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%3Bwe're%20busy%20adding%20vertical%20sections%20as%20our%20laptops%20are%201920x1080%20and%20up%20to%20now%20there%20has%20been%20a%20lot%20of%20white%20space%20on%20the%20right.%20But%20a%20vertical%20section%20uses%20up%20the%20white%20space%2C%20particularly%20if%20you%20use%20the%20Quick%20Access%20menu%20on%20the%20left%20as%20the%20result%20is%20perfect.%20If%20you%20don't%20there%20is%20still%20a%20small%20amount%20of%20white%20space%20but%20it's%20better%20than%20before.%3C%2FP%3E%3CP%3ERob%3CBR%20%2F%3ELos%20Gallardos%3CBR%20%2F%3EMicrosoft%20Flow%20Community%20Super%20User%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
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!

3 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.

Highlighted

@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.

Highlighted

@yammy we're busy adding vertical sections as our laptops are 1920x1080 and up to now there has been a lot of white space on the right. But a vertical section uses up the white space, particularly if you use the Quick Access menu on the left as the result is perfect. If you don't there is still a small amount of white space but it's better than before.

Rob
Los Gallardos
Microsoft Flow Community Super User