Quickly remove all navigation from a classic SharePoint Online page.

 

If you want to quickly remove the side and top navigation from a SharePoint Online classic page to make the content full page, add a script editor webpart, and put this CSS into it:

<style>

#s4-titlerow 

{

    margin: 0px; 

    padding: 0px; 

    width: 0px; 

    height: 0px; 

    visibility: hidden;

}

#sideNavBox, #contentBox > #DeltaPageStatusBar, #contentBox > #notificationArea, #contentBox > #mainContent {display: none;}

#contentBox { margin-left: 0px; margin-top: 0px; width:100%;}

</style>

If your script editor web part is missing, run this powershell script to make it show up:

Set-SPOsite -Identity "https://contoso.sharepoint.com/sites/testsite" -DenyAddAndCustomizePages 0

Resources:

• sharepoint online - hide s4-titlerow show search box - SharePoint Stack Exchange
• How To Code: SharePoint: Hide left navigation (jussipalo.com)

Share on Google Plus

About Tom DeMeulenaere

Highly accomplished information technology professional with extensive knowledge in System Center Configuration Manager, Windows Server, SharePoint, and Office 365.