Sometimes you need to hide the page header so your page starts without this:
This gives you the flexibility to have anything you want in the header of the page.
Here is how you do that:
-
Edit the page where you want the header removed
-
Add the [Embed Script or Code] webpart next to the header. If you can’t find this app in the list, ask your admin to follow these steps on the site where your page is at.
-
Click the [Edit script or markup] button
-
Add the following code:
<style>
div[data-automation-id="pageHeader"]
{
display: none !important;
}
</style>
-
Click the [Save] button.
-
Save the page
NOTE: The header will show in the page edit mode but not in View mode