Mega menu in SharePoint Online

In this SharePoint tutorial, we will discuss everything on the SharePoint mega menu. We will see, how to create a SharePoint Online mega menu, and how to add a SubLink or Promote as a Header link. And also we will learn how to open a mega menu in a new tab in megamenu in SharePoint.

What is a SharePoint mega menu?

Let us see, what is a SharePoint mega menu?

  • The SharePoint Online mega menu is an expandable menu, links are displayed in the two-dimensional dropdown layout used for the SharePoint site navigation to navigate to the mentioned URL.
  • By default Megamenu site Navigation is available on the SharePoint Communication site, But on the SharePoint Team Site, we have to enable the mega menu option.

Mega Menu vs Cascading in SharePoint Online

Let us discuss, what is the difference between Mega Menu Vs Cascading in the SharePoint Online site,

  • There are two styles of Navigation menus available in SharePoint Online, one is Megamenu and another is Cascading.
  • The Mega Menu style displays the SharePoint site navigation in the label and the link manner, There is no scrollable option for the mega menu style, whereas the Cascading style displays the SharePoint site navigation in the Hierarchical sub-menu manner.
  • In this example, I have selected the Mega Menu under the Menu styles option as shown below, click the Save control to save your changes.
Mega Menu vs Cascading in SharePoint Online
Mega Menu vs Cascading in SharePoint Online
  • Below screenshot sharepoint mega menu example which displays in the label and link manner,
Mega Menu vs Cascading in the SharePoint Online
Mega Menu vs Cascading in the SharePoint Online
  • In this example, I have selected the cascading style under the Menu styles option as shown below, click the Save control to commit your changes.
Mega Menu vs Cascading in modern SharePoint
Mega Menu vs Cascading in modern SharePoint
  • Below screenshot represents the cascading site navigation in the SharePoint Online sites which displays the hierarchical sub-menu,
sharepoint mega menu examples
sharepoint mega menu examples

This is the difference between mega menu Vs cascading in the SharePoint Online site.

Read How to convert SharePoint site to Microsoft Teams

How to create a mega menu in SharePoint Online

Let us see how to create a mega menu on a SharePoint Online Communication site,

  • Open the SharePoint Communication site, and see the mega menu that is presented by default as mentioned below:
SharePoint online mega menu
SharePoint online mega menu

To add the mega menu, follow the below-mentioned steps:

  • Select the Edit option available in the menu, On the Edit Navigation page, Select the + Add a link or label to navigation.
sharepoint mega menu
sharepoint mega menu
  • Now in the Add Section, enter the below details,
    • Choose an option: Select the Link option under the choose an option.
    • Address: Enter or Paste the URL Address in the Address section to navigate to the mentioned URL.
    • Display Name: Enter the Display name that you want to view on the SharePoint site.
  • Select the Ok button to save your changes.
sharepoint online mega menu
SharePoint online mega menu
  • Now on the Edit Navigation page, you can see that Enjoy SharePoint link is added, click the Save control to save your changes.
megamenu in SharePoint online
megamenu in SharePoint online
  • In the below screenshot, you can see that the added mega menu is appearing on the SharePoint Online site.
mega menu sharepoint online
mega menu sharepoint online
  • In the same way, we can add a link and make the link a sub link, you can see here I have added the three more links (highlighted in red) below the screenshot:
mega menu sharepoint
mega menu sharepoint
  • To make the added link a sublink, select the ellipsis icon and click on the Make sub link option as shown below:
sharepoint megamenu
SharePoint mega menu
  • click the Save control to save your changes, you can see Sub links are also added as shown below:
mega menu in sharepoint online
mega menu in sharepoint online
  • In the below screenshot you can see that the mega menu is added, with the sub-link on the SharePoint site.
megamenu sharepoint
megamenu navigation SharePoint example
  • In the same manner, we can promote sub-links, for that select the ellipsis icon and clicking on the Promote sub link option as shown below:
  • click the Save control to save your changes.
megamenu sharepoint
megamenu sharepoint
  • In the below screenshot you can see that the mega menu is added and promoted the sub-link on the SharePoint site.
sharepoint online mega menu
sharepoint online mega menu

This is how can we create or add a mega menu on the SharePoint Online Communication site.

See also  Your changes could not be saved because this SharePoint web site has exceeded the storage quota limit

Read How to Add Modern SharePoint Site Page in Microsoft Teams

How to Enable Mega Menu in SharePoint Online Team Site

Let us see how to enable the mega menu in the SharePoint Online Team Site,

Yes, we can enable a mega menu on the Team site for navigation to enhance the user-friendly experience in the SharePoint site navigation.

To enable the mega menu in SharePoint Online Team Site, follow the below-mentioned steps:

  • Open the SharePoint Team site -> select the settings gear icon -> click on the change the look option as below:
enable the mega menu in the SharePoint Online
enable the mega menu in the SharePoint Online
  • Now select the Navigation option in the change the look Properties pane, Under Orientation, Select the Horizontal option.
  • In the Navigation pane, select the Megamenu option under the Menu style.
  • click the Save control to save your changes.
sharepoint mega menu team site
SharePoint mega menu team site
  • In the below screenshot, you can see that the SharePoint Site Navigation displays the link in the mega menu style in the Team site which is a user-friendly experience for the SharePoint site navigation.
enable the mega menu in SharePoint Online team site
enable the mega menu in the SharePoint Online team site

This is how can we enable the mega menu in the SharePoint Online Team site for a user-friendly experience for the SharePoint site navigation.

Read How to change the SharePoint site from private to public

SharePoint online mega menu opens in a new tab

Let us see how to open the mega menu link in a new tab in SharePoint Online,

  • On the SharePoint site, when we click on the mega menu link option by default, it opens the SharePoint site navigation link in the same tab.
  • It also opens the mega menu external links navigation in the same SharePoint site.
  • The best way is for the user can use the browser behavior.
  • Right-click on the mega menu link and click on the Open link in a new tab as shown below:
SharePoint online mega menu opens in a new tab
SharePoint online mega menu opens in a new tab

This is how we can open the mega menu link in a new tab in SharePoint Online.

See also  Top 75 SharePoint Online interview questions and answers

Read Customize SharePoint site page

SharePoint online mega menu not available

Let us discuss why the mega menu is not available on the Modern SharePoint Team sites, and how can we enable the Megamenu option on SharePoint Team sites,

  • Before Mega Menu style is not available on Modern SharePoint Team Sites.
  • Now, we can enable the mega menu style option on the Modern SharePoint Team Site.
  • On the Modern SharePoint Team site, if we select the Orientation as Horizontal then we can able to see the mega menu style option available on the team site.
  • If we choose the orientation as a vertical option then we cannot view the Menu style options.

Follow the below steps, to see the Megamenu option on SharePoint Team sites:

  • Open the Modern SharePoint Team site, select the settings gear icon and click on the change the look option as below:
SharePoint online mega menu not available
SharePoint online mega menu not available
  • Now select the Navigation option in the change the look Properties pane, Under Orientation, Select the Horizontal option.
  • In the Navigation pane, select the Megamenu option under the Menu style.
  • click the Save control to save your changes.
mega menu not available in SharePoint online
megamenu is not available in SharePoint online
  • In the below screenshot, you can see that the SharePoint Site Navigation displays the mega menu style which is now available on the SharePoint Modern Team site.
mega menu not available in the SharePoint online
megamenu is not available in the SharePoint Online

This is how to enable the Megamenu option on SharePoint Team sites.

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

Megamenu in SharePoint online audience targeting

Let us see how we can set and enable audience targeting for the Megamenu site Navigation link,

  • Audience targeting is useful when you want to share a Navigation-link that is relevant only to a selected group of people.
  • You can set the Megamenu Links to specific groups of people by using audience targeting.
  • If you’ve selected an audience group that you recently created or changed, it may take some time to see targeting applied for that group.
See also  How to change SharePoint site collection URL or Address (3 Ways)

Follow the below steps to enable audience targeting

  • Open the Modern SharePoint Team site, Select the Edit option available in the menu, On the Edit Navigation page, Select the link for which you want to target audiences.
  • Now turn on the Enable site navigation audience targeting as shown below:
Megamenu in SharePoint online audience targeting
Megamenu in SharePoint online audience targeting
  • In the Edit Properties pane, under the Audiences to target, We can set the Target Audience maximum of 10 groups.
  • Enter the audience that you want to target and click on the ok button.
  • click the Save control to commit your changes, Only the targeted groups or members can able to see the link.
Megamenu in the SharePoint online audience targeting
Megamenu in the SharePoint online audience targeting
  • Once the Navigation link is targeted, we can see the audience icon in the targeted mega menu link as shown below:
Megamenu in the SharePoint online audience targeting example
Megamenu in the SharePoint online audience targeting example

This is how to set and enable audience targeting for the megamenu site navigation.

In this SharePoint tutorial, we have learned what is SharePoint Online mega menu and how to create a mega menu in SharePoint Online. Also covered the below-mentioned topics:

  • How to Enable Mega Menu in SharePoint Online
  • SharePoint online mega menu opens in a new tab
  • SharePoint online mega menu not available
  • Megamenu in SharePoint online audience targeting
  • Mega Menu vs Cascading in SharePoint Online

You may like the following SharePoint tutorials:

  • >