Forum Discussion

Forsh75's avatar
Forsh75
Copper Contributor
Oct 05, 2023

Unable to create full width section

Hi all,

 

I'm adding a single column section but it's only taking up the first 2/3rds of the section, it won't go full width. I don't have the option to add a full width section. My colleague has created a similar SharePoint site and his sections are full width. If I create a new section on his page it spans the full width. I've tried to create a brand new page from the blank template option but I get the same result. 

 

Any help greatly appreciated. 

 

My pageHis page

  • Check the navigation settings in "Change the look." The one that looks full-width is set to Horizontal navigation. The one that looks left justified is set to Vertical navigation. If you want the hero to look more centered on the page, change the navigation to Horizontal.
  • Two possible reasons:
    1. If you have a team site, there is no option for a full width section. They are only available on a communication site.
    2. If you have a communication site and you have added a vertical section, you will not be able to add a full width section. If you delete the vertical section, you should be able to add a full width section.
    • Forsh75's avatar
      Forsh75
      Copper Contributor
      Hi Susan, as far as I'm aware both sites above are exactly the same, is there an easy way for me check?
      • If you see the word Group in the header for the site, you are looking at a team site. If you don't see that, you are likely looking at a comm site. If you see navigation on the left side, then you are definitely looking at a team site.
  • Jim4011's avatar
    Jim4011
    Copper Contributor

    Since December 2022, fullWidth'ing has been possible for Team sites, Communication sites (not just the couple of OOTB fullWith webpart options), and Team sites without M365 Groups.

     

    Update horizontalSection - Microsoft Graph beta | Microsoft Learn  , scroll down, follow the instructions to update the desired horiztonal section(s).  In the Request body, use
    {

    "layout":"fullWidth"

    }

Resources