SharePoint Online: Hide Site Contents Link from Quick Launch

Requirement: Hide site contents from quick launch in SharePoint Online.

How to Remove Site Contents from Quick Launch?

The Site Contents page in SharePoint Online provides a comprehensive view of all site lists, libraries, apps, and subsites. If you want to hide the site contents link in SharePoint Online quick launch navigation, do the following:

1. Navigate to your modern SharePoint Online site.
2. Click on the “Edit” link under the quick launch navigation.

   

3. Click on the little three dots next to the “Site contents” menu item to get its context menu.
4. Select “Remove” from the context menu.
5. Click on the Save button to hide site contents from the quick launch

Now, “Site Contents” won’t be listed in Quick Launch navigation on SharePoint Online site!

Restrict Access to Site Contents in SharePoint Online:

How about hiding site contents from all users, except a specific SharePoint Group? Well, When you have the publishing feature enabled, You can either remove or restrict the site contents link from users based on the user group. Make sure you have activated SharePoint Server Publishing Infrastructure at both Site collection and site levels before proceeding. Here is how to hide site contents in SharePoint Online:

1. Click on Settings gear >> Select Site Settings.
2. Click on the “Navigation” link under “Look and Feel”
3. Select “Site contents” under Structural Navigation and Click on the “Edit” link.

   

4.  Set the Audience targeting to the required SharePoint Group.

   

5. This hides site contents link from all users except the one specified in Audience targeting.

Hide Site Contents in SharePoint Online with CSS

If you are still using classic experience, you can add this CSS either to your master page or at page level using the script editor web part.

<style>
span.ms-splinkbutton-text {
 Display:none!important;
}

#sideNavBox a[href$="/_layouts/15/viewlsts.aspx"] {
    display: none;
 }
</style>

In modern team sites, use this CSS to remove site contents from SharePoint Online:

<style>
.ms-Nav-navItem a[href$="/_layouts/15/viewlsts.aspx"] {
         display: none;
 }
</style>

Here is my another post on removing site contents from quick launch: How to Hide Site Contents from Quick Launch in SharePoint?