Home

Change left navigation to top navigation on modern teamsite

%3CLINGO-SUB%20id%3D%22lingo-sub-514945%22%20slang%3D%22en-US%22%3EChange%20left%20navigation%20to%20top%20navigation%20on%20modern%20teamsite%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-514945%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20got%20a%20modern%20team%20site%20with%20left%20navigation%20and%20we%20want%20to%20hide%20the%20left%20navigation%20and%20unhide%20the%20navigation%20in%20the%20top%20bar.%20In%20the%20end%20we%20want%20navigation%20like%20this%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20564px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F111751i87B8818F68779196%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22SP%20navigation.PNG%22%20title%3D%22SP%20navigation.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHow%20can%20we%20achieve%20this%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20do%20not%20want%20navigation%20above%20the%20site%20name%20but%20right%20next%20to%20the%20site%20name.%20In%20the%20example%20above%3A%20right%20next%20to%20'Landings'%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWould%20love%20to%20hear%20a%20solution%20for%20this.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-514945%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Eleft%20menu%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ENavigation%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ETeamsite%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Etop%20bar%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-515258%22%20slang%3D%22en-US%22%3ERe%3A%20Change%20left%20navigation%20to%20top%20navigation%20on%20modern%20teamsite%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-515258%22%20slang%3D%22en-US%22%3ENot%20possible%20currently.%20They%20showed%20this%20feature%20as%20coming%20at%20Ignite%2C%20and%20it%20should%20have%20been%20here%20by%20now%2C%20but%20no%20idea%20when%20we%20can%20expect%20it.%20It's%20coming%2C%20just%20not%20yet%2C%20so%20you're%20stuck%20with%20left%20nav%20until%20them.%20%3CBR%20%2F%3E%3CBR%20%2F%3EYou%20can%20also%20get%20top%20Nav%20by%20joining%20your%20Modern%20Team%20site%20to%20a%20hub%20and%20use%20the%20global%20nav%2C%20but%20that's%20only%20way%20to%20get%20a%20form%20of%20top%20Nav%20currently.%3C%2FLINGO-BODY%3E
Highlighted
Rolf_Kruitwagen
New Contributor

Hi,

 

We got a modern team site with left navigation and we want to hide the left navigation and unhide the navigation in the top bar. In the end we want navigation like this:

SP navigation.PNG

 

How can we achieve this?

 

We do not want navigation above the site name but right next to the site name or underneath. In the example above: right next to 'Landings'

 

Would love to hear a solution for this.

1 Reply
Not possible currently. They showed this feature as coming at Ignite, and it should have been here by now, but no idea when we can expect it. It's coming, just not yet, so you're stuck with left nav until them.

You can also get top Nav by joining your Modern Team site to a hub and use the global nav, but that's only way to get a form of top Nav currently.
Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
50 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
32 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
15 Replies
Dev channel update to 80.0.355.1 is live
josh_bodner in Discussions on
67 Replies