SOLVED

Sharepoint top link bar links formatting issue

%3CLINGO-SUB%20id%3D%22lingo-sub-2589696%22%20slang%3D%22en-US%22%3ESharepoint%20top%20link%20bar%20links%20formatting%20issue%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2589696%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%20added%20a%20few%20links%20to%20the%20top%20link%20bar%20but%20they%20are%20appearing%20above%20the%20logo%20in%20really%20small%20font%20which%20looks%20wrong%2C%20is%20this%20a%20formatting%20problem%3F%20I%20want%20to%20distribute%20them%20horizontally%20along%20the%20nav%20bar%20to%20the%20right%20of%20the%20logo.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2589696%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EAdmin%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESites%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2589776%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20top%20link%20bar%20links%20formatting%20issue%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2589776%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1113427%22%20target%3D%22_blank%22%3E%40dorega754%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYou%20might%20be%20added%20link%20under%20hub%20navigation.%20Hub%20navigation%20appear%20above%20site%20logo%20and%20site%20navigation%20appear%20right%20to%20the%20site%20logo.%20Font%20size%20of%20hub%20navigation%20is%20very%20small%20as%20compare%20to%20site%20navigation%20font%20size.%20If%20you%20added%20link%20using%20PowerShell%20then%20you%20need%20to%20pass%20parameter%26nbsp%3B%3CEM%3E-Location%20%22QuickLaunch%22%26nbsp%3B%3C%2FEM%3Eto%20add%20under%20site%20navigation.%3C%2FP%3E%3CP%3E%3CEM%3E-Location%20%22TopNavigation%22%26nbsp%3B%3C%2FEM%3Eto%20add%20under%20hub%20navigation%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22akashsonare0203_1-1627373173218.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F298589iFEDB2B62479E7BC1%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22akashsonare0203_1-1627373173218.png%22%20alt%3D%22akashsonare0203_1-1627373173218.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E1)%20Hub%20Navigation%3C%2FP%3E%3CP%3E2)%20Site%20Navigation%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2589781%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20top%20link%20bar%20links%20formatting%20issue%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2589781%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1113427%22%20target%3D%22_blank%22%3E%40dorega754%3C%2FA%3E%26nbsp%3BHi.%20I%20think%20the%20issue%20here%20is%20that%20you%20have%20created%20a%20Team%20site%2C%20and%20the%20navigation%20you%20want%20(a%20horizontal%20nav%20bar%20to%20the%20right%20of%20the%20logo)%20exists%20only%20for%20a%20Communications%20site.%20A%20Teams%20site%20has%20the%20left%20hand%20quick%20launch%20menu%2C%20a%20Comms%20site%20does%20not%20(and%20has%20the%20top%20nav%20instead).%20I%20think%20the%20smaller%20higher%20up%20top%20nav%20you%20are%20seeing%20is%20Hub%20site%20navigation.%20My%20attached%20image%20shows%20both%20top%20nav%20bars%20for%20a%20Comms%20site.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHope%20that%20helps%20(and%20is%20right).%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPaul%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

I have added a few links to the top link bar but they are appearing above the logo in really small font which looks wrong, is this a formatting problem? I want to distribute them horizontally along the nav bar to the right of the logo.

3 Replies

@dorega754 

You might be added link under hub navigation. Hub navigation appear above site logo and site navigation appear right to the site logo. Font size of hub navigation is very small as compare to site navigation font size. If you added link using PowerShell then you need to pass parameter -Location "QuickLaunch" to add under site navigation.

-Location "TopNavigation" to add under hub navigation

akashsonare0203_1-1627373173218.png

1) Hub Navigation

2) Site Navigation

best response confirmed by dorega754 (New Contributor)
Solution

@dorega754 Hi. I think the issue here is that you have created a Team site, and the navigation you want (a horizontal nav bar to the right of the logo) exists only for a Communications site. A Teams site has the left hand quick launch menu, a Comms site does not (and has the top nav instead). I think the smaller higher up top nav you are seeing is Hub site navigation. My attached image shows both top nav bars for a Comms site.

 

Hope that helps (and is right). 

 

Paul

Aha yes I think this is correct, I'm only new to setting up a site for my company's Intranet so still getting used to certain limitations. Thank you!