SharePoint 2016: Remove Home Page Title URL in Team Site

In this post, we will learn how to remove Remove Home Page Title URL in Team Site in SharePoint 2016 and SharePoint 2013.

You might also like to read Remove Title URL from Web Part in SharePoint 2016


How to Remove Home Page Title URL in SharePoint Team Site?

One of the requirements that I have requested when customizing the SharePoint Home Page is setting the Home Page Title to be unclickable as shown below:

remove-page-title-link-in-sharepoint-2013-team-site
Remove Home Page Title URL in SharePoint Team Site

Unclickable Home Page Title in SharePoint

  • Edit your Page by clicking on the right corner gear icon.
Edit Page in SharePoint
  • At the end of your content (in my case, below the image) > Set the mouse to show the page ribbon.
  • From the above ribbon > click on insert Tab > Web Part.
Add web part at team site page.gif
  • At Media and Content Category > Select Script Editor > Click on Add.
script-editor-at-team-site
missing-edit-snippet-at-script-editor
  • Click On Edit Snippet > add the below Script with your Page Title at var searchText = "QassasHome"; 
<script type="text/javascript>
function disablelinkPageTitle() {
var aTags = document.getElementsByTagName("a");
var searchText = "QassasHome"; // set your page title
var link;
for (var i = 0; i &lt; aTags.length; i++) 
{
if (aTags[i].textContent == searchText) 
{
link = aTags[i];
link.href="#"; //remove URL
link.style.cursor = 'default'; // Change mouse&nbsp;cursor
break;
}
}
}
_spBodyOnLoadFunctionNames.push("disablelinkPageTitle"); 
</script>
  • Save your Page > try to click on the Home Page title, you will note that the Page Title URL is now unclickable as shown below.
unclickable-page-title-in-team-site-page
Remove Home Page Title URL in SharePoint Team Site

Remove Page Title SharePoint

To remove Home Page Title in SharePoint Team Site, you can easily use the below CSS style in script editor

<style>
#pageTitle
{
  display: none !important;
}
</style>

The above CSS is tested in SharePoint 2013, and In SharePoint 2016, you can use F12 developer tols, to get the ID for the Page title


Applies To

  • SharePoint 2016
  • SharePoint 2013
See Also

2 thoughts on “SharePoint 2016: Remove Home Page Title URL in Team Site”

Leave a Reply