SharePoint Modern Page 3 column layout

%3CLINGO-SUB%20id%3D%22lingo-sub-1204307%22%20slang%3D%22en-US%22%3ESharePoint%20Modern%20Page%203%20column%20layout%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1204307%22%20slang%3D%22en-US%22%3E%3CP%3EWhy%20does%20the%203%20column%20layout%20not%20center%20content%3F%26nbsp%3B%20I%20thought%20this%20new%20modern%20SharePoint%20experience%20made%20pages%20look%20better%20and%20followed%20at%20least%20some%20sort%20of%20standard.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%203%20column%20layout%20does%20not%20center%20web%20parts.%20Everything%20is%20aligned%20to%20the%20left%20and%20you%20cant%20make%20the%20page%20look%20decent%20by%20having%20the%20web%20parts%20centered%20within%20the%203%20columns.%26nbsp%3B%26nbsp%3B%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%2201.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F174560i9D66BAB802D9ACE8%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%2201.png%22%20alt%3D%2201.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1204307%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-1204330%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Modern%20Page%203%20column%20layout%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1204330%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F8834%22%20target%3D%22_blank%22%3E%40Larry%20Casey%3C%2FA%3E%26nbsp%3B%20it%20seems%20to%20be%20some%20specific%20occurrence%2C%20because%20they%20actually%20act%20like%20what%20you%20should%20expect.%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Screenshot%202020-03-02%20at%2013.26.48.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F174562i1F7E7BAF281920F4%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22Screenshot%202020-03-02%20at%2013.26.48.png%22%20alt%3D%22Screenshot%202020-03-02%20at%2013.26.48.png%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Screenshot%202020-03-02%20at%2013.26.55.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F174563i591739C1EE613307%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22Screenshot%202020-03-02%20at%2013.26.55.png%22%20alt%3D%22Screenshot%202020-03-02%20at%2013.26.55.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1204337%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Modern%20Page%203%20column%20layout%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1204337%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F566038%22%20target%3D%22_blank%22%3E%40orchee%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHello%2C%26nbsp%3B%20I%20think%20the%20issue%20is%20that%20the%20Modern%20Page%20is%20on%20the%20Root%20site.%20If%20I%20create%20a%20new%20communication%20site%20it%20acts%20as%20expected%20and%20is%20centered.%20But%20using%20the%20Modern%20page%20on%20a%20Root%20site%20causes%20the%20issue.%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20root%20site%20has%20been%20fully%20upgraded%2C%20but%20I%20guess%20its%20not%20fully%20compatible%20with%20the%20new%20modern%20pages.%26nbsp%3B%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-1204372%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Modern%20Page%203%20column%20layout%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1204372%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F8834%22%20target%3D%22_blank%22%3E%40Larry%20Casey%3C%2FA%3E%26nbsp%3BJust%20out%20of%20curiosity%2C%20this%20left%20alignment%20happens%20to%20all%20layouts%20options%20in%20your%20case%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1204483%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Modern%20Page%203%20column%20layout%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1204483%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F566038%22%20target%3D%22_blank%22%3E%40orchee%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHello%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYes%2C%20when%20using%20the%20root%20site.%26nbsp%3B%20%26nbsp%3BIf%20I%20create%20a%20brand%20new%20communication%20site%20it%20works%20well.%20But%20I%20am%20using%20the%20root%20site%20%2C%20and%20no%20matter%20what%20I%20try%2C%20everything%20in%20the%20root%20sight%20aligns%20left%20and%20does%20not%20center.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Contributor

Why does the 3 column layout not center content?  I thought this new modern SharePoint experience made pages look better and followed at least some sort of standard. 

 

The 3 column layout does not center web parts. Everything is aligned to the left and you cant make the page look decent by having the web parts centered within the 3 columns.  

 

01.png

4 Replies
Highlighted

@Larry Casey  it seems to be some specific occurrence, because they actually act like what you should expect.

Screenshot 2020-03-02 at 13.26.48.pngScreenshot 2020-03-02 at 13.26.55.png

Highlighted

@orchee 

 

Hello,  I think the issue is that the Modern Page is on the Root site. If I create a new communication site it acts as expected and is centered. But using the Modern page on a Root site causes the issue.  

 

The root site has been fully upgraded, but I guess its not fully compatible with the new modern pages. 

 

 

Highlighted

@Larry Casey Just out of curiosity, this left alignment happens to all layouts options in your case?

Highlighted

@orchee 

 

Hello,

 

Yes, when using the root site.   If I create a brand new communication site it works well. But I am using the root site , and no matter what I try, everything in the root sight aligns left and does not center.