SharePoint Online Team Site - Change the Top Bar Navigation List Items to nowrap

%3CLINGO-SUB%20id%3D%22lingo-sub-1100019%22%20slang%3D%22en-US%22%3ESharePoint%20Online%20Team%20Site%20-%20Change%20the%20Top%20Bar%20Navigation%20List%20Items%20to%20nowrap%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1100019%22%20slang%3D%22en-US%22%3E%3CP%3EHello%2C%3C%2FP%3E%3CP%3EI'm%20using%20SharePoint%20online%20and%20have%20a%20Team%20site.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHow%20can%20I%20change%20the%20display%20of%20my%20Top%20Bar%20Navigation%20(Global%20Navigation)%20menu%20items%20from%20wrapping%20to%20new%20line%3F%26nbsp%3B%20I%20planned%20to%20use%20a%20CEWP%20and%20use%20javascript%2C%20but%20I%20can't%20find%20the%20specific%20element%20to%20set%20it's%20white-space%20value%20to%20nowrap%22.%26nbsp%3B%20I%20can%20see%20the%20id%20of%20the%20div%20which%20holds%20the%20list%2C%20but%20not%20for%20the%20li%20element.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAnyone%20know%3F%26nbsp%3B%20And%20if%20so%2C%20can%20you%20provide%20an%20example%20of%20what%20the%20script%20code%20should%20look%20like%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1100019%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Etop%20bar%20navigation%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Highlighted
Occasional Contributor

Hello,

I'm using SharePoint online and have a Team site.

 

How can I change the display of my Top Bar Navigation (Global Navigation) menu items from wrapping to new line?  I planned to use a CEWP and use javascript, but I can't find the specific element to set it's white-space value to nowrap".  I can see the id of the div which holds the list, but not for the li element.

 

Anyone know?  And if so, can you provide an example of what the script code should look like?

 

Thanks!

 

0 Replies