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
Regular Visitor

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.