Minimal Page - remove navigation list and the headers

Question

I am looking to create a very minimal information page with no navigation list in the left and no headers above.

Can it be done?

Answer 1

Here is an experimental potential approach on a modern team or communication site. This modern page layout is still in "preview", and as such, may still have undocumented issues. In addition, it's supported intent is to be used only for custom modern search pages, but that intent doesn't appear to be "enforced", at least not in its preview.

Setting this page layout on a modern page removes the header and navigation for a "full page" experience.

You will need to make sure Preview-mode features are enabled in your tenant, and you have updated to the latest version of PnP PowerShell, then execute:

Connect-PnPOnline -Url "https://yourtenant.sharepoint.com/sites/yoursite" -useweblogin

Set-PnPClientSidePage -Identity yourpage.aspx -LayoutType HeaderlessSearchResults

For more details

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/building-search-extensions

Answer 2

The easiest thing you can do is to create a communication site. So you won't have a left navigation. But header and O365 ribbon will still be visible.

Answer 3

You could edit the page and insert a .css script to target and hide certain page elements. Here's a useful-looking post on SE which has lots of answers.

Also, scroll down on this page on W3Schools to the section titled 'Hide an Element - display:none or visibility:hidden?'. They suggest a couple of options for hiding page elements. You can also tinker with the page, use their green "Try Yourself" buttons; for instance try changing the:

<h1 class="hidden">This is a hidden heading</h1>

See what happens when you remove the .css in the element, so you'll change it to this:

<h1>This is a hidden heading</h1>

The heading will appear on the page. You can use this method to hide even built-in Sharepoint page elements/sections.