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

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

@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

Not sure if Microsoft did this by mistake or not, but do the following to center your content. Found this little trick by accident.

Gear > Change the look > Navigation > Horizontal Orientation > Site navigation visibility off

@ThatSharePointGuy 

This worked. I was working on hiding the navigation because I can't control it via group settings in our team site, so I had the navigation turned off by default. The moment I turned it on, the content got centered. I turned it off again and it stayed that way. :)

GENIUS!