logo
search
Office Settings & Configuration

How to Create a Full-Width SharePoint Image Gallery

Maira MehtabMaira Mehtab Sep 22, 2026 869 views

Question details

The user wants to display an image gallery or carousel that spans the entire width of a SharePoint homepage section instead of occupying only a partial page layout.

Product
Microsoft SharePoint
Device & OS
not provided
Scenario
Designing or editing a company SharePoint homepage and adding visual banner elements like an image gallery.
Observed behavior
The image gallery is cropped or restricted to a partial width despite being placed in a newly created section, with no error messages displayed.
Before you start

Ensure you have 'Edit' permissions for the SharePoint site and verify whether you are working on a Communication Site, as Team Sites have layout limitations.

Solution 1Recommended

Use a Full-Width Section on a Communication Site

The most common reason an image gallery doesn't span the screen is that it is placed in a standard section instead of a designated full-width section.

Note that edge-to-edge full-width sections are typically only available on SharePoint Communication sites. If you are using a Team site, the layout will be inherently constrained by the left navigation menu and standard page margins.

1
Enter Edit Mode

Click 'Edit' at the top right corner of your SharePoint page.

2
Add a New Section

Hover your mouse over or below an existing section and click the '+' (Add a new section) icon on the left side of the screen.

3
Select Full-Width Layout

Select 'Full-width section' from the available section layout options.

4
Insert the Web Part

Click the '+' icon inside the newly created full-width section and select the 'Image Gallery' or 'Hero' web part.

5
Publish Changes

Upload your images, configure the gallery settings, and click 'Republish' to apply the full-width layout.

Layout Availability: If the 'Full-width section' option does not appear when adding a new section, your site is likely a Team Site rather than a Communication Site.
Free Microsoft Office alternative

Need a Faster Way to Handle Documents? Try WPS Office

While you are setting up your SharePoint intranet, you might also need an efficient suite for daily document tasks. WPS Office provides a free, lightweight, and highly compatible alternative to Microsoft Office.

  1. 1. Download the Installer: Visit the official WPS Office website and click the Free Download button for your operating system.
  2. 2. Install WPS Office: Run the downloaded installer file and follow the on-screen instructions to set up the software.
  3. 3. Start Creating: Open WPS Office to instantly edit your existing Microsoft Office files without formatting issues.
Fully compatible with Microsoft Word, Excel, and PowerPoint formats (.docx, .xlsx, .pptx).Lightweight installation that runs smoothly on older devices without lagging.All-in-one interface to seamlessly manage documents, spreadsheets, and presentations.Rich library of free templates to quickly design professional reports and layout assets.
microsoft office alternative - wps office

Frequently Asked Questions

Why is the full-width section option missing on my SharePoint page?

Full-width sections are primarily supported on SharePoint Communication sites. If you are building a Team site, this layout option is hidden by default because the page architecture allocates space for the left-hand navigation pane.

Can I make an image gallery full-width on a SharePoint Team site?

Out of the box, Team sites do not support true edge-to-edge full-width sections. You can use a single-column layout for the widest possible gallery, but standard page margins will still apply.

Does the SharePoint Image Gallery web part support auto-rotating carousels?

The standard Image Gallery web part requires manual navigation. To create an auto-sliding banner or carousel, consider using the Hero web part or the Highlighted Content web part instead.

How do I prevent my images from being cropped in the SharePoint gallery?

Cropping often occurs because SharePoint automatically scales images to fit responsive web part dimensions. To minimize cropping, edit the Image Gallery web part, select the 'Tiles' or 'Carousel' layout, and adjust the image aspect ratio settings to match your original files.