Customize quick launch navigation in SharePoint

This sharepoint customization tutorial will discuss how to customize left navigation or quick launch in SharePoint 2016/2013 or SharePoint Online sites.

Also, I will show you how you can customize SharePoint site top navigation in SharePoint Online or SharePoint 2016/2013. I will show you how you can add/edit/delete links to quick launch also known as left navigation and also how you can add/edit/delete links in top navigation in SharePoint.

Basically, by using the left navigation or top navigation, we can navigate to a particular page quickly from the left navigation of that SharePoint site. So it will be less time-consuming and time-saving in SharePoint to visit different pages.

Customize Quick Launch or Left Navigation in SharePoint (First Approach)

We can add/edit/delete links from left navigation or quick launch in SharePoint. We can customize (Add a Link) quick launch by using these following steps:

Step-1:-

Open your SharePoint Online/2016/2013 site, and click on the “EDIT LINKS” which is present in the left navigation.

sharepoint left navigation menu customization
quick launch navigation in sharepoint 2016

Step-2:-

Here we have to click on the “+link” for creating a new link as shown in the given figure.

quick launch navigation sharepoint 2013
quick launch navigation in sharepoint 2013

Step-3:-

An “add a link” will be displayed where we have to give a text to display and the address as an URL and then click on OK.

sharepoint left navigation menu customization
left navigation in sharepoint 2016

Step-4:-

Here click on “save” for saving the new link in SharePoint. Then the left or quick launch navigation is added in the left navigation like below.

sharepoint 2016 quick launch
sharepoint 2016 quick launch

This way you will be able to add links in left navigation or quick launch in SharePoint Online or SharePoint 2016//2013.

To delete any link from left navigation in SharePoint online. Click on the Cross (X) icon. The menu or link will be deleted.

Customize Quick Launch or Left Navigation in SharePoint (Second Approach)

This is another approach we can follow to add/edit/delete links in left navigation or quick launch in SharePoint Online or SharePoint 2016/2013. We can customize left navigation from Site Settings page.

Step-1:-

Go to the “Site Settings” which is present inside the “settings” icon at the top of the site as given screenshot.

sharepoint left navigation menu customization
Customization of Quick Launch in sharepoint 2013

Step-2:-

Click on the “Quick launch” of “Look and Feel” which is present inside the “Site settings”.

quick launch navigation sharepoint 2013
Customization of Quick Launch in sharepoint 2013

Step-3:-

Click on the “New Heading” which is present inside the “Quick Launch” as below figure.

sharepoint 2016 quick launch
Customization of Quick Launch in sharepoint online

Step-4:-

In the “New Heading”, we have to give the “web address” and “type the description” and then click on ok.

sharepoint 2013 left navigation menu customization
sharepoint online left navigation menu customization

Step-5:-

Here it will show that a launch navigation is customized in the quick launch.

sharepoint left navigation menu customization
sharepoint left navigation menu customization

Step-6:-

Here go to the “New Navigation Link” to create a new navigation in the quick launch.

sharepoint 2016 left navigation menu customization
sharepoint 2016 left navigation menu customization

Step-7:-

In this, give the Web address as an URL and “type the description” and then click on ok as shown below.

sharepoint 2013 left navigation menu customization
sharepoint 2013 left navigation menu customization

Step-8:-

Here a New Navigation Link is created which named as “About Us” which we can see in the “Quick Launch” as like below screenshot.

sharepoint left navigation menu customization
sharepoint online quick launch

Step-9:-

Click on “Change Order” for changing the order of left navigation links or quick launch navigation menu links in SharePoint Online or SharePoint 2016/2013.

sharepoint 2013 left navigation menu customization
sharepoint 2013 quick launch

Step-10:-

Here we can change the order by selecting the order icon as like below screenshot.

sharepoint 2013 left navigation menu customization
sharepoint 2013 left navigation menu customization

Customize Top Navigation in SharePoint (First Approach)

We can also customize (add/edit/delete links) top navigation of site or site collection in SharePoint 2016/2013 and SharePoint Onlne.

Step-1:-

Click on “EDIT LINKS” which is present on the top navigation in SharePoint site, which I highlighted in the given figure.

sharepoint 2013 top link bar customization
top navigation in sharepoint 2016

Step-2:-

Here we have to click on the “link” for creating a new link as shown in the given figure.

sharepoint 2013 left navigation branding
top navigation in sharepoint 2013

Step-3:-

Here also an “Add a link” will be displayed where we have to give a text to display and the address as an URL and then click on ok.

sharepoint 2013 quick launch branding
left navigation in sharepoint online

Step-4:-

Here click on “Save” for saving the new link in top navigation in SharePoint. Then the top navigation will be displayed on the top of the each page.

customize left navigation in sharepoint online
customize left navigation in sharepoint online

Customize Top Navigation in SharePoint (Second Approach)

This is another approach, how we can customize top navigation in SharePoint Online or SharePoint 2016/2013. We can also customize top navigation menu in SharePoint from the Site Settings page.

Step-1:-

Go to the “Site Settings” and click on the “Top link bar” of “Look and Feel” for customizing a top link navigation.

sharepoint top navigation customization
Customization of Top link bar in sharepoint

Step-2:-

Click on the “New Navigation Link” of “Top link bar” to customize a new navigation.

sharepoint 2013 top link bar customization
customize top link bar sharepoint

Step-3:-

Here give the web address as an URL and type the description for customizing a new navigation and then click on ok.

sharepoint 2013 top navigation customization
customize top link bar SharePoint 2016

Step-4:-

Finally, the new navigation link (TSinfotech) is customized which is present at the top of the site as shown in the given figure.

sharepoint top navigation customization
SharePoint top navigation customization

This way you can customise SharePoint top navigation menu in SharePoint Online or SharePoint 2016/2013.

Add Links to Quick Launch or Top Navigation using Drag and Drop

From SharePoint 2013 onwards, Microsoft always us to add links to quick launch to top navigation simply using drag and drop features. Click on Edit Links and then drag and drop any link, maybe a list, document library, pages, list item, individual document, etc.

By using drag & drop feature, you can save lots of time.

You may also like the following SharePoint customization tutorials:

In this sharepoint left navigation menu customization tutorial I have explained how we can customize lift navigation or quick launch in SharePoint 2013/2016 or SharePoint Online. Also, I explained how we can customize top navigation in SharePoint.

>