If your SharePoint pages not extending to right side and leave extra white space, don’t worry, this issue is common and occurs mainly due to site type or web part limitations. Whatever the reason, in this guide, you’ll get to know how to resolve it step by step.
Here I’ll show you:
Why SharePoint Pages Don’t Extend to the Right?
Here are the usual suspects:
- Improper section layout
- Some web parts don’t support full-width alignment
- After the SharePoint tenant to tenant migration.
- Theme/CSS customisation conflicts
- The page is classic, not modern
- The page is within a Team site, not a Communication site
I see this issue after migrating my SharePoint data to another site, as I’m using manual methods. So, if you are also migrating your data, please don’t repeat the same mistake; opt for a professional SharePoint Migration Tool to ensure pages are working correctly.
SharePoint Pages Not Extending to Right Side? What I Checked First
When I first noticed the issue, I asked myself these questions:
- Is this a modern page or a classic one?
- Is the section layout set to full width?
- Am I using a Communication site or a Team site?
- Did someone apply custom CSS or themes?
- Am I viewing the site with Zoom or screen scaling?
You also ask these questions yourself, and then move to the solutions for each.
How I Resolved SharePoint Pages Don’t Extend to the Right
This is the most annoying issue. Fortunately, I found several solutions to troubleshoot it:
#Solution 1. Use a Communication Site
I explored Microsoft’s official support guides and found that full-width sections are supported only on Communication sites. If you’re on a Team site, full-width is not available. To resolve SharePoint pages not extending to the right side, create a new Communication site or recreate the page content using full-width sections.
#Solution 2. Check & Use Full-width Section Layout
Edit the page and hover over the section layout options. If the section isn’t set to full-width, change it by following these steps:
- Click the Edit button on the page
- Hover over the section > Click the pencil icon
- In the Section Layout, select Full-width
- Save and publish the page
#Solution 3. Remove Custom CSS or Scripts
Sometimes, applying custom styles using SPFx extensions breaks the layout. So, to fix SharePoint pages not extending to right side follow:
- Open Site Contents, and click on Site Assets
- Locate the custom CSS file
- Remove the injected script from the Modern Script Editor
- The page layout will return to normal
#Solution 4. Test in Another Browser or Device
At one point, I thought my layout was broken, but it turned out to be a browser zoom issue:
- On my 125% scaled display, the right side didn’t seem extended
- Once I zoomed to 100%, the page looked fine
- Testing on another PC helped confirm this
So don’t forget to try this in a different browser or device.
Use Custom CSS
If you’re comfortable with SPFx extensions, you can stretch the layout manually:
.ms-compositeHeader { width: 100vw !important; max-width: 100vw !important; }
Author’s Verdict
I’ve found that when SharePoint pages not extending to right side, it’s usually due to site type or web part limitations. I recommend building out your layouts on Communication sites, which support full-width sections.
People Also Ask
- Why can’t I select a full-width section on my SharePoint page?
Because you’re likely using a Team site, which doesn’t support full-width sections.
- Can I force a full-width layout on a Team site?
Not officially. You can use SPFx or custom CSS, but it’s not supported or safe for long-term use.
- My full-width section is set, but the web part doesn’t stretch. Why?
Some web parts, like Quick Links, List View, etc., don’t support full-width even inside full-width sections.