SOLVED

Vertical Section - Sharepoint pages

%3CLINGO-SUB%20id%3D%22lingo-sub-1045701%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Section%20-%20Sharepoint%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1045701%22%20slang%3D%22en-US%22%3E%3CP%3EHi%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F364209%22%20target%3D%22_blank%22%3E%40RealPaddy%3C%2FA%3E%20%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIt%20seems%20your%20web%20browser%20size.%20Please%20check%20your%20SharePoint%20site's%20web%20browser%20in%20minimizing%20it%20or%20not.%20Often%20it%20may%20the%20cause.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EKeep%20try.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1045674%22%20slang%3D%22en-US%22%3EVertical%20Section%20-%20Sharepoint%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1045674%22%20slang%3D%22en-US%22%3E%3CP%3EI%20am%20trying%20to%20add%20a%20Vertical%20Section%20to%20a%20modern%20page%26nbsp%3B%3C%2FP%3E%3CP%3EI%20see%20the%20option%20available%20and%20select%20but%20it%20always%20ends%20up%20as%20a%20single%20column%20section%20at%20the%20bottom%20of%20the%20page%20as%20opposed%20to%20positioning%20on%20the%20right%20-%20probably%20something%20obvious%20but%20I%20cannot%20work%20it%20out%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ehere%20are%20my%20steps%3C%2FP%3E%3CP%3EEdit%20Page%3C%2FP%3E%3CP%3EAdd%20new%20Section%3C%2FP%3E%3CP%3ESelect%20vertical%20section%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%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F159926iF9751D005771C131%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.png%22%20title%3D%22clipboard_image_0.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20site%20is%20a%20classic%20team%20site.%3C%2FP%3E%3CP%3EAnybody%20have%20any%20ideas%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1045674%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-1045704%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Section%20-%20Sharepoint%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1045704%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F446842%22%20target%3D%22_blank%22%3E%40Shrinika_Atapattu%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethanks%20for%20reply%26nbsp%3B%3C%2FP%3E%3CP%3EI%20do%20have%20browser%20maximised%20-%20but%20I%20do%20have%20standard%20side%20navigator%20as%20follows%3C%2FP%3E%3CP%3EIs%20that%20supported%3F%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F159927i6FA5E931ED3707E9%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.png%22%20title%3D%22clipboard_image_0.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1045737%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Section%20-%20Sharepoint%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1045737%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F364209%22%20target%3D%22_blank%22%3E%40RealPaddy%3C%2FA%3E%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20also%20test%20in%20my%20side%20as%20same%20as%20your%20test.%20But%20I%20haven't%20any%20problem%20by%20adding%20vertical%20section.%3C%2FP%3E%3CP%3E(just%20log%20out%20and%20clear%20cookies%20and%20login%20again%20)%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F159930i180A516A4625C1A1%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Capture1.JPG%22%20title%3D%22Capture1.JPG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1045837%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Section%20-%20Sharepoint%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1045837%22%20slang%3D%22en-US%22%3EYep.%20vertical%20sections%20should%20work%20with%20no%20problems%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1046202%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Section%20-%20Sharepoint%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1046202%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F364209%22%20target%3D%22_blank%22%3E%40RealPaddy%3C%2FA%3E%20%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20would%20suggest%20creating%20a%20brand%20new%20site%2C%20just%20a%20modern%20team%20site%20without%20an%20office%20365%20group.%20Test%20it%20in%20their%20to%20check%20its%20not%20your%20tenant%20or%20the%20particular%20site.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20do%20get%20the%20same%20as%20you%20if%20the%20browser%20is%20not%20maximised.%20Try%20checking%20you%20are%20not%20zooming%20in%20or%20out%20and%20are%20at%20100%25%20as%20this%20may%20cause%20the%20issue%20even%20when%20maximised.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAndy%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1046217%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Section%20-%20Sharepoint%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1046217%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F364209%22%20target%3D%22_blank%22%3E%40RealPaddy%3C%2FA%3E%26nbsp%3Bthe%20Vertical%20Section%20is%20dynamic.%20I%20can%20see%20it%20renders%20horizontally%20where%20there%20is%20less%20screen%20estate%20and%20vertically%20when%20I%20rotate%20to%20landscape.%20This%20might%20not%20be%20your%20problem%20but%20try%20building%20a%20site%20with%20a%20larger%20horizontal%20view%2C%20say%20a%20desktop%20and%20it%20%26nbsp%3Bmay%20work!%20Good%20luck.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1048031%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Section%20-%20Sharepoint%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1048031%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F226%22%20target%3D%22_blank%22%3E%40John%20Wynne%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20John...%3C%2FP%3E%3CP%3ETurns%20out%20it%20was%20my%20settings%20on%20windows...see%20screenshot%20below%3C%2FP%3E%3CP%3ESetting%20the%20scaling%20to%20125%25%20did%20the%20trick...%3C%2FP%3E%3CP%3Eguess%20I%20got%20to%20stop%20living%20the%20lie%20and%20start%20wearing%20my%20glasses!%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F160053iBB739A868D175E3C%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.png%22%20title%3D%22clipboard_image_0.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1048043%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Section%20-%20Sharepoint%20pages%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1048043%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F364209%22%20target%3D%22_blank%22%3E%40RealPaddy%3C%2FA%3E%26nbsp%3BGlad%20you%20found%20the%20answer!%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

I am trying to add a Vertical Section to a modern page 

I see the option available and select but it always ends up as a single column section at the bottom of the page as opposed to positioning on the right - probably something obvious but I cannot work it out

 

here are my steps

Edit Page

Add new Section

Select vertical section

 

clipboard_image_0.png

 

The site is a classic team site.

Anybody have any ideas?

8 Replies

Hi@RealPaddy ,

 

It seems your web browser size. Please check your SharePoint site's web browser in minimizing it or not. Often it may the cause.

 

Keep try.

@Shrinika_Atapattu 

thanks for reply 

I do have browser maximised - but I do have standard side navigator as follows

Is that supported?

clipboard_image_0.png

Hi @RealPaddy,

 

I also test in my side as same as your test. But I haven't any problem by adding vertical section.

(just log out and clear cookies and login again )

Capture1.JPG

 

Yep. vertical sections should work with no problems

Hi @RealPaddy ,

 

I would suggest creating a brand new site, just a modern team site without an office 365 group. Test it in their to check its not your tenant or the particular site.

 

I do get the same as you if the browser is not maximised. Try checking you are not zooming in or out and are at 100% as this may cause the issue even when maximised. 

 

Andy

 

Best Response confirmed by RealPaddy (Occasional Contributor)
Solution

@RealPaddy the Vertical Section is dynamic. I can see it renders horizontally where there is less screen estate and vertically when I rotate to landscape. This might not be your problem but try building a site with a larger horizontal view, say a desktop and it  may work! Good luck.

@John Wynne 

Thanks John...

Turns out it was my settings on windows...see screenshot below

Setting the scaling to 125% did the trick...

guess I got to stop living the lie and start wearing my glasses!

clipboard_image_0.png

@RealPaddy Glad you found the answer!