How to Remove the Top Banner from SharePoint Online Modern Pages?

Requirement: Remove banner from SharePoint Online Modern page.

How to Remove Banner in SharePoint Online Modern Page?
By default, creating a new modern page in SharePoint Online creates a page with large header on the top of the page. Hiding top banner from SharePoint Online pages is no longer a difficult task! Just follow these steps:
  • Click on Settings gear and choose "Edit Page" to open the page in Edit Mode
    sharepoint online modern page remove banner
  • Click on "Edit" pencil icon in the "Title Area". Set the "Layout" to "Plain", save and close the page.
  • sharepoint online remove top banner
That's all! Please note, the plain layout is a recent update in SharePoint Online. Previously, I had to open the page in SharePoint designer and replace the line:
<mso:PageLayoutType msdt:dt="string">Article</mso:PageLayoutType>
With
<mso:PageLayoutType msdt:dt="string">Home</mso:PageLayoutType>

Hide Banner in SharePoint Online Page using PnP PowerShell: 
Another way to remove banner from SharePoint Online Modern pages. Step 1: Connect to SharePoint Online
#Connect to SharePoint Online site
$SiteURL = "https://crescent.sharepoint.com/sites/marketing/2019"
Connect-PnPOnline $SiteURL -Credential (Get-Credential)
Step 2: Get the ID of the SharePoint Online Page
#Get the ID of the Page
Get-PnPListItem -List SitePages
Step 3: Change Page Layout
#Change Page layout from "Article" to "Home"
Set-PnPListItem -List SitePages –Identity "2" -Values @{"PageLayoutType"="Home"}
How to Remove the Top Banner from SharePoint Online Modern Pages? How to Remove the Top Banner from SharePoint Online Modern Pages? Reviewed by Salaudeen Rajack on February 01, 2019 Rating: 5

No comments:

Please Login and comment to get your questions answered!

Powered by Blogger.