SharePoint Navigation – Add parent site navigation to a subsite in SharePoint

In this SharePoint tutorial, let us discuss everything on SharePoint navigation, how to add parent site navigation to a subsite in SharePoint.

We will see, how to add a page to left navigation in SharePoint Online. how to remove a page from navigation in SharePoint Online and how to add a list to SharePoint left Navigation. Also, we will see, how to edit existing left navigation in SharePoint online.

SharePoint Navigation

  • SharePoint navigation provides users consistent experience to navigate across the sites by inheriting from the parent sites.
  • It is important when you need to provide navigation between peer subsites. In this case, each subsite creates under the site shares a top link bar.
  • By sharing the top link bar across the site make user’s experience simpler because it allows an easier and flexible cross navigation experience.

Read Customize Header, Footer, and Navigation in SharePoint Online Communication Site

Add parent site navigation to subsite in SharePoint

Here, we will see two approach to add parent site navigation to subsite in SharePoint Online or SharePoint 2019/2016/2013.

1- Add parent site navigation to subsite in SharePoint while Creating Subsites

Let us see how to add parent site navigation to subsite in SharePoint while creating subsites. Follow the below steps:

  • Open your SharePoint sites where you want to create a subsite.
  • Navigate to Site Contents, then click on the dropdown arrow next to New -> Subsite.
add parent site navigation to subsite in SharePoint
add parent site navigation to subsite in SharePoint
  • Enter title of the SharePoint subsite, then add a description and enter URL name or website address.
add parent site navigation to subsite in SharePoint Online
create a subsite under parent site
  • Next to Template selection, enter your language and then select a Template.
add parent site navigation to a subsite in SharePoint 2013
create a subsite under parent site
  • Next to permission, under user permissions, select use same permission as parent site (if you select use same permission as parent site then, one set of user permission shared with both the site). Else you can give unique permission to the sites.
  • Next to Navigation, under, display this site on the quick launch in the parent site, if you are selecting Yes then, it will show this site(subsite)in the quick launch of the parent site, else you are selecting No then it will not be shown in the quick launch of the parent site. Under display this site on the top link bar in the parent site, if you are selecting Yes then this site will show in the top link bar, else you are select No then it will not be shown in the top link bar.
  • Next to the navigation inheritance, under use the top link bar from the parent site, if you are selecting yes then the top link bar from the parent site will add to a subsite while creating, else you are selecting No then it will not be added to the site
  • Click on Create.
add parent site navigation to subsite in SharePoint online
add parent site navigation to subsite in SharePoint online
  • Now, you can see the sites in the top link bar. I have created two subsites (Tech team Management, Developer) from here you can navigate across the site. Navigation is inherited from the parent site.
SharePoint online add parent site navigation to subsite
SharePoint online add parent site navigation to subsite

From the below example, you can see the parent site having a link to subsites. You can see the subsites in the Top link bar and also in Quick launch.

SharePoint 2013 add parent site navigation to subsite
Parent SharePoint site

This is how we can add parent site navigation to a subsite in SharePoint Online.

Read SharePoint Left Navigation Branding using CSS

2- Add parent site navigation to subsite in SharePoint using Quick Launch

We can also directly customize the left navigation to add parent site navigation to a subsite in SharePoint Online.

If you want to navigate from SharePoint subsite to parent site, then you can follow the steps to achieve it

  • Open SharePoint subsite (Developer)
  • Click on the edit in the Quick Launch
add parent site navigation to subsite in SharePoint
add parent site navigation to subsite in SharePoint
  • Click on the plus sign where you want to add the parent site.
  • Then, enter URL address and display name
Add parent site navigation to the subsites in SharePoint
adding parent site link to subsite
  • Click on Save.
How to add parent site navigation to subsite in SharePoint
adding parent site link to subsite

Now, we can navigate from subsite to another subsite, subsite to the parent site, and also parent site to subsites.

Read Create SharePoint page template

How to add a page to left navigation in SharePoint Online

Now, let us see how to add a page to a SharePoint Online site left navigation.

To add a Page to Navigation in SharePoint Online, Follow the below steps:

  • Open your SharePoint Online site. From the left Navigation, Select the Edit Option like below.
How to add a page to left navigation in SharePoint
How to add a page to left navigation in SharePoint
  • Select + to add a link (add page link) to navigation in your SharePoint site.
SharePoint add a page to navigation
SharePoint add a page to navigation
  • Add Display Name and Address in the Section and select the Ok button.
add a page to navigation in SharePoint example
add a page to navigation in SharePoint example
  • Make sure you are able to see the page which you added in the Left Navigation. Select Save button
add a page to navigation in SharePoint example
How to add a page to SharePoint navigation example
  • Now you can view the added page in your Left Navigation, which redirects to the site address which you added.

This is how to add a SharePoint site page to the left navigation in SharePoint Online.

Read SharePoint News Web Part

How to Remove a Page from SharePoint Site Left Navigation

Let us see, how to remove a page from the SharePoint site left navigation.

To Remove a Page from left navigation in SharePoint Online, Follow the below steps:

  • Open your SharePoint site. From the left Navigation, Select the Edit Option.
  • You can remove Left Navigation by selecting the Meatballs menu and Select Remove
How to remove page from navigation example
How to remove the page from navigation example
  • Click on the Save button
  • Now you can view that the page is removed from your Left Navigation.

This is how to remove a Page from Navigation in SharePoint Online.

Read SharePoint Hero Web Part

How to Add a SharePoint list to Left Navigation

Let us see, how to add a SharePoint list to the left navigation in SharePoint Online.

To add a list to SharePoint list navigation, Follow the below steps:

  • Go to your SharePoint site.
  • In the left Navigation, Select the Edit Option.
  • Select + to add a link (add SharePoint list link) to navigation in your SharePoint site.
add a list to SharePoint left navigation
add a list to SharePoint left navigation
  • Add Display Name and Address in the Section and select the Ok button.
  • Click on the Save button
  • Now you can view the added list in your Left Navigation.

This is how to add a list to Navigation in SharePoint Online.

How to Remove a list from SharePoint Left Navigation

Let us check now, how to remove a SharePoint Online list from left navigation in SharePoint Online.

To remove a list from Navigation in SharePoint, follow the below steps:

  • Open your SharePoint site and from the left Navigation, Select the Edit Option.
  • You can remove Left Navigation by selecting the Meatballs menu and Select Remove
How to remove list from SharePoint navigation example
How to remove list from SharePoint navigation example
  • Click on the Save button
  • Now you can view the list is removed from your SharePoint Left Navigation.

This is how you remove a list from Navigation in SharePoint Online.

Read SharePoint Online image column

How to Edit an Existing Navigation in SharePoint

To edit an existing Navigation, Follow the below steps:

  • Go to your SharePoint site, From the left Navigation, Select the Edit Option.
  • You can also edit the Left Navigation for the existing navigation by selecting the Meatballs menu and Select Edit.
edit existing navigation example
edit existing navigation example
  • Now you can edit the Address and Display Name and Select Ok button.
edit existing navigation
edit existing navigation
  • Click on the Save button
  • Now you can view the edited existing itemin your SharePoint left navigation.

This is how to edit an existing Navigation in SharePoint Online.

You may like the following SharePoint tutorials:

In this tutorial, we learned how to add parent site navigation to a subsite in SharePoint Online or SharePoint 2013/2016/2019.

>